Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

16th Challenge - Article preview with React and Recoil

@DrunkenNeoguri

Desktop design screenshot for the E-commerce product page coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
3intermediate
View challenge

Design comparison


SolutionDesign

Solution retrospective


!!! This site is optimized for 1440x900 resolution on PC.

It's been a while since I uploaded a challenge.

For a long time, I lost interest in coding. However, I did a short bootcamp and found a reason to want to code. It's not often, but if there are things I want to study like this in the future, I'd like to learn them one by one through a challenge.

In this challenge, I skipped the junior stage and went straight to the intermediate stage for the first time.

I have studied React and Redux so far, so I wrote code in React, but I wanted to use Recoil instead of Redux for global state management, so I used Recoil.

Certainly Recoil is comfortable! If you know React's useState, how to use Recoil is also very easy to access. What's more, there are hooks for read and write-only use, so you can fetch and use only what you need. If you are hesitating or thinking about using Recoil while studying React, I highly recommend giving it a try!

Thanks for reading. :D If you have any other suggestions or solutions to the above problems, please feel free to let us know!

Comments always improve my learning!

Community feedback

Please log in to post a comment

Log in with GitHub
Discord logo

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord