Thread by @dnsh4989

9 Goto NPM Packages & Frameworks in 2021 for your Complete #React App! Full Thread 🧵⤵️⤵️

Covering Routing, State Management, SSR, Testing, etc.. Some of the best choices for beginners 🔥🔥👍

#JavaScript #ReactJS #DEVCommunity #DEVCommunityIN #100DaysOfCode #CodeNewbie #webdev

1. Routing ~ 𝗿𝗲𝗮𝗰𝘁-𝗿𝗼𝘂𝘁𝗲𝗿

🔘Goes along very well with react components.

npmjs.com/package/react-…

2. Using React with ~ 𝘁𝘆𝗽𝗲𝘀𝗰𝗿𝗶𝗽𝘁

🔘Will bring more safety &
🔘Will reduce bugs in long run

npmjs.com/package/typesc…

3. State Management (Client) ~ 𝗿𝗲𝗱𝘂𝘅

🔘Use Redux Toolkit for Redux
🔘Check Out - redux-toolkit.js.org

npmjs.com/package/redux

4. State Management (Server) ~ 𝗿𝗲𝗮𝗰𝘁-𝗾𝘂𝗲𝗿𝘆

🔘This really helps when you have
lot of async data fetching from server

🔘Make react-query & redux
to share the State Management Job

npmjs.com/package/react-…

5. Web Components ~ 𝗰𝗵𝗮𝗸𝗿𝗮-𝘂𝗶

🔘Have abundant components &
🔘Distinctive styled system approach

npmjs.com/package/@chakr…

6. Forms ~ 𝗳𝗼𝗿𝗺𝗶𝗸

🔘Brings in well maintained form states & validations

npmjs.com/package/formik

7. Testing ~ 𝗷𝗲𝘀𝘁 𝘄𝗶𝘁𝗵 𝗿𝗲𝗮𝗰𝘁 𝘁𝗲𝘀𝘁𝗶𝗻𝗴-𝗹𝗶𝗯𝗿𝗮𝗿𝘆

🔘They are recommended by
Official React Documentation as well.

npmjs.com/package/@testi…

8. Isolated Components ~ 𝘀𝘁𝗼𝗿𝘆𝗯𝗼𝗼𝗸

🔘Creates independent presentation components
🔘Keeps the business logic layer separate

npmjs.com/package/@story…

9. Server Side Rendering ~ 𝗻𝗲𝘅𝘁.𝗷𝘀

🔘There are hybrid/static/server side renderings &
🔘Developers have tons of options for all react needs

npmjs.com/package/next