Hey fellow Frontend Devs! Preparing for a React-focused interview? (Or just want to explore and grow). It's time to get cozy with those concepts and crush it in style.
📢 Share this post: If you find this post helpful and think it could benefit other frontend developers, don't hesitate to share it. Spread the knowledge and help others level up their React knowledge! 🚀
Basics 🎓
Had it been a few months back, I might have recommended different links for each topic. However, as of now, there is no better resource than the new React documentation itself.
State management 📦
When dealing with a large project the Context API or existing state management features could become a drag on the progress.
You can try out these awesome libraries that can quickly become a part of project.
-
RTK(Redux toolkit)
Opinionated, powerful, addresses all concerns related to vanilla redux. -
Zustand
Small, effective and targets most common pitfalls. -
React Query
Most of the frontend work involves dealing with API calls and caching/storing response data when required.
So this library can help you get all the features with minimum code to setup.
Optimizing 🛠️
- Profiling + Hooks + lazy loading (Inside the box): Optimizing using the already existing features of react
- Million.js (Outside the box): This library works by replacing React's virtual DOM with its own and can increase the speed by 70%!
Testing 🧪
- RTL + Jest (Unit testing) For component testing, focusing on testing components' rendering, behavior, and interactions in isolation, in a more developer-centric testing environment
- Cypress For E2E testing, simulating user interactions, and testing complex user flows across multiple pages or components.
Looking forward to your feedback or any other resource worth sharing. 🙌
Top comments (2)
Great collection of resources for every React devs out there !
Thanks @vivsh and welcome to dev.to community !
Thanks @fadhilradh , i am really pleased 😊