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 auser
andcomments
to eachpost
(each comment has apostId
); - 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
;
- styles from
List
components should take an array of corresponding objects and render oneInfo
component per object;Info
components should take one object and render its data.
- 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.