Skip to content
  • Unlock Pro
  • Log in with GitHub
Solution
Submitted about 3 years ago

16th Challenge - Article preview with React and Recoil

recoil, react
drunken_neoguri•290
@DrunkenNeoguri
A solution to the E-commerce product page challenge
View live sitePreview (opens in new tab)View codeCode (opens in new tab)

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!

Code
Loading...

Please log in to post a comment

Log in with GitHub

Community feedback

No feedback yet. Be the first to give feedback on drunken_neoguri's solution.

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

Stay up to datewith new challenges, featured solutions, selected articles, and our latest news

Frontend Mentor

  • Unlock Pro
  • Contact us
  • FAQs
  • Become a partner
  • Use cases

Explore

  • Learning paths
  • Challenges
  • Solutions
  • Articles

Community

  • Discord
  • Guidelines

For companies

  • Hire developers
  • Train developers
© Frontend Mentor 2019 - 2025
  • Terms
  • Cookie Policy
  • Privacy Policy
  • License