Exercise: Server vs Client Components
by Tomas Trescak· Next.js

0 / 2950 XP
The external project has not been reviewed yet
Please follow instructions below to submit your project

Installation

Reuse the code from the previous exercise. Make sure to complete it before attempting this one.

Instructions

  1. Complete all the user requirements below
  2. Cover each user requirement by end-to-end test (tag each test by @components)
  3. If necessary, cover utility code and component code by unit tests
  4. Commit and push the code
  5. Make sure all tests pass
  6. Commit and push your code to your repository

User Requirements

  1. If the post has no image associated, get a random image from either:
    1. Cat API
    2. Dog API
  2. As a user, I want to be able to hide a post in the list
  3. As a user, I want to be able to unhide all posts
  4. As a user, I want to keep all hidden posts invisible when reloading the page

When using local storage, you will receive a hydration error, how would you solve this?

Discuss with Others
Ask questions, share your thoughts, and discuss with other learners

Join the discussion to ask questions, share your thoughts, and discuss with other learners
Setup
React Fundamentals
10 points
Next.js
10 points
Advanced React
Databases
10 points
React Hooks
Authentication and Authorisation
10 points
APIs
CI/CD and DevOps
Testing React
Advanced Topics