All the development for this Assest Grid component should be In typescript, should have Stories for Theme and props.
The asset grid should accept via props an object named "assets" that represents an associative array of assets (currently from fixtures). And Use Interfaces instead of Types. for Prop typing.
Correctly Define Aggregate Context with (Theme, Client config, Env config, AssetsConfig).
Define Models for Api data in Typescript.
The output of asset grid should be a grid view, with one asset per gridItem
The GridItem should contain a set of product thumbnails
The GridItem should have a message if there are more products than fit in the grid element.
The GridItem should direct the user to the canonical page for the asset when the asset is clicked on.
When the grid is given 0 elements, an empty div with relevant content appears
When the grid is given a single element, a single element is rendered.
When the grid is given set of 20 elements verify that 20 elements appear in the output
Given invalid grid input verify error shows for bad input, rather than crashing the application.
The component should appear in the story book for this project.
The story book should allow the user to manipulate the theme and props as Knobs.
Define text color in theme, and have all respective text in asset grid match
Define font size in theme, and have all respective text in asset grid match, including variance for media break points (mobile uses a smaller font-size than desktop).
Define background color in theme, and have all respective components match.
Define grid spacing in theme, and have the grid reflect.
Define number of products in box in theme, and have the grid reflect.
Define the size of product thumbnail in box in theme, and have the grid reflect.
Define other appropriate properties that may be customizable.
Have the asset grid show columns in desktop view with size of columns defined in the theme.
Have the asset grid show stacked in mobile view with flush elements like the design.
Test cases(Atleast 1 example of every component) for this component, and sub components that demonstrated theme values propagating correctly (text color, back ground color, etc).
Test cases for this component and sub components that demonstrate content populating correctly, list of assets, thumbnails, names, titles etc.
14 freelancer đang chào giá trung bình $101 cho công việc này
Hello. I have enough good experience in React/Redux, Angular, Vue or something. I'm sure I can do your work very well and will deliver perfect results with high quality. Hope to contact. Thank you.!
⭐⭐⭐ReactJS expert is here⭐⭐⭐ I have rich experiences in ReactJS component development. Please check this URL. [login to view URL] [login to view URL] Let's discuss more details. Thanks.
just read the specs and this type of work i have done dor my organization i have already done multiple custom components for our office product. i can develop assset grid components