Skip to content

mate-academy/react_static-list-of-posts

Repository files navigation

React Static List of Posts

React + Typescript cheat sheet

This task is similar to Static List of TODOs, but you should do everything yourself:

  • don't change classes in the given markup (tests use them);
  • create all required types in ./src/types/;
  • prepare posts by adding a user and comments to each post (each comment has a postId);
  • split the App into components based on given CSS blocks;
    • styles from App.scss should be moved to separate files, as well. E.g.: PostList.scss;
  • List components should take an array of corresponding objects and render one Info component per object;
  • Info components should take one object and render its data.

Instructions

  • Install Prettier Extention and use this VSCode settings to enable format on save.
  • Implement a solution following the React task guideline.
  • Use the React TypeScript cheat sheet.
  • Open one more terminal and run tests with npm test to ensure your solution is correct.
  • Replace <your_account> with your Github username in the DEMO LINK and add it to the PR description.

About

No description, website, or topics provided.

Resources

License

Stars

5 stars

Watchers

9 watching

Forks

Releases

No releases published

Packages

 
 
 

Contributors