https://github.com/a8hok/ReactJS-Study-Guide
ReactJS study guide
https://github.com/a8hok/ReactJS-Study-Guide
interview javascript performance projects reactjs redux roadmap unittesting
Last synced: 3 days ago
JSON representation
ReactJS study guide
- Host: GitHub
- URL: https://github.com/a8hok/ReactJS-Study-Guide
- Owner: a8hok
- Created: 2021-08-27T15:00:06.000Z (over 3 years ago)
- Default Branch: main
- Last Pushed: 2025-05-07T09:07:51.000Z (3 days ago)
- Last Synced: 2025-05-07T10:24:52.872Z (3 days ago)
- Topics: interview, javascript, performance, projects, reactjs, redux, roadmap, unittesting
- Homepage:
- Size: 1.22 MB
- Stars: 226
- Watchers: 3
- Forks: 32
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
- awesome - a8hok/ReactJS-Study-Guide - ReactJS study guide (miscellaneous)
- awesome - a8hok/ReactJS-Study-Guide - ReactJS study guide (miscellaneous)
README
# ReactJS Study Guide
Table of Contents
=================
- [`React Life cycle`](#react-life-cycle)
- [`React Road map for beginners`](#react-road-map-for-beginners)
- [`React Performance`](#react-performance)
- [`React tips and Tricks`](#react-tips-and-tricks)
- [`React Hooks`](#react-hooks)
- [`React Libraries`](#react-libraries)
- [`React interview questions`](#react-interview-questions)
- [`React Learn`](#react-learn)
- [`React Projects`](#react-projects)
- [`React Unittest`](#react-unittest)
- [`React Architecture and Project setup`](#react-architecture-and-project-setup)
- [`React checklist`](#react-checklist)
- [`React with Webpack`](#react-with-webpack)
- [`Error handling`](#error-handling)
- [`React with typescript`](#react-with-typescript)
- [`React with DynamoDB`](#react-with-dynamodb)
- [`React Resources`](#react-resources)
- [`Redux`](#redux)
- [`React GraphQL`](#react-graphql)
- [`React Github`](#react-github)
- [React Linkedin](#react-linkedin)
- [React Router](#react-router)
- [React vs](#react-vs)
- [React newsletter](#react-newsletter)
- [React Query](#react-query)
- [React deployment](#react-deployment)
- [React Tools](#react-tools)
- [React webworkers](#react-webworkers)
- [React Material](#react-material)
- [React Migration](#react-migration)
- [React Modern development](#react-modern-development)
- [React API](#react-api)
- [React 2024](#react-2024)
- [React Micro Frontend](#react-micro-frontend)
- [ReactJS Books](#reactjs-books)
- [ReactJS 19](#reactjs-19)
- [ReactJS principles](#reactjs-principles)
## `React Life cycle`
- [https://medium.com/swlh/react-lifecycle-hooks-71547ef4e7a8](https://medium.com/swlh/react-lifecycle-hooks-71547ef4e7a8)
- [https://blog.pusher.com/beginners-guide-react-component-lifecycle/](https://blog.pusher.com/beginners-guide-react-component-lifecycle/)
- [https://www.topcoder.com/thrive/articles/lifecycle-methods-in-react-js](https://www.topcoder.com/thrive/articles/lifecycle-methods-in-react-js)
- [https://blog.openreplay.com/an-introduction-to-react-portals/](https://blog.openreplay.com/an-introduction-to-react-portals/)
- [https://compile7.org/decompile/how-to-fix-memory-leaks-in-react/](https://compile7.org/decompile/how-to-fix-memory-leaks-in-react/)
- [https://blog.openreplay.com/reacts-virtual-dom/](https://blog.openreplay.com/reacts-virtual-dom/)
- [https://designtechworld.medium.com/react-lifecycle-methods-how-and-when-to-use-them-d0f4522a7cba](https://designtechworld.medium.com/react-lifecycle-methods-how-and-when-to-use-them-d0f4522a7cba)
- [https://www.codemotion.com/magazine/languages/a-complete-introduction-to-the-react-library/](https://www.codemotion.com/magazine/languages/a-complete-introduction-to-the-react-library/)
- [https://hackernoon.com/virtual-dom-vs-browser-dom-exploring-the-differences?source=rss](https://hackernoon.com/virtual-dom-vs-browser-dom-exploring-the-differences?source=rss)
- [https://hackernoon.com/understanding-the-differences-between-real-dom-virtual-dom-and-shadow-dom?source=rss](https://hackernoon.com/understanding-the-differences-between-real-dom-virtual-dom-and-shadow-dom?source=rss)
- [https://blog.openreplay.com/applying-design-principles-in-react/](https://blog.openreplay.com/applying-design-principles-in-react/)
- [https://www.freecodecamp.org/news/stateful-vs-stateless-architectures-explained/](https://www.freecodecamp.org/news/stateful-vs-stateless-architectures-explained/)
- [https://hackernoon.com/react-usestate-made-easy-for-beginners?source=rss](https://hackernoon.com/react-usestate-made-easy-for-beginners?source=rss)
- [https://www.freecodecamp.org/news/how-to-use-react-components/](https://www.freecodecamp.org/news/how-to-use-react-components/)
- [https://www.freecodecamp.org/news/react-lifecycle-methods-and-hooks-for-beginners/?ref=dailydev](https://www.freecodecamp.org/news/react-lifecycle-methods-and-hooks-for-beginners/?ref=dailydev)
- [https://dev.to/refine/understanding-virtual-dom-in-react-2e8d?ref=dailydev](https://dev.to/refine/understanding-virtual-dom-in-react-2e8d?ref=dailydev)
- [https://www.freecodecamp.org/news/how-to-build-a-rating-component-with-the-react-compound-component-pattern/?ref=dailydev](https://www.freecodecamp.org/news/how-to-build-a-rating-component-with-the-react-compound-component-pattern/?ref=dailydev)
- [https://medium.com/@princybhalu11/understanding-the-virtual-dom-structure-in-react-d437d2e526e0](https://medium.com/@princybhalu11/understanding-the-virtual-dom-structure-in-react-d437d2e526e0)
- [https://baguilar6174.medium.com/react-design-patterns-6ab55c5ebafb](https://baguilar6174.medium.com/react-design-patterns-6ab55c5ebafb)
- [https://medium.com/@tech-adventurer/react-and-s-o-l-i-d-principles-building-robust-applications-part-2-0f1bd04c6915](https://medium.com/@tech-adventurer/react-and-s-o-l-i-d-principles-building-robust-applications-part-2-0f1bd04c6915)
- [https://codaily.dev/blog/react?ref=dailydev](https://codaily.dev/blog/react?ref=dailydev)
- [https://www.frontendjoy.com/p/react-lifecycle-in-3-minutes?ref=dailydev](https://www.frontendjoy.com/p/react-lifecycle-in-3-minutes?ref=dailydev)
## `React Road map for beginners`
- [https://dev.to/suhailzone/reactjs-roadmap-for-beginners-2021-14en](https://dev.to/suhailzone/reactjs-roadmap-for-beginners-2021-14en)
- [https://dev.to/digvijayjadhav98/roadmap-for-react-js-2022-4ccn](https://dev.to/digvijayjadhav98/roadmap-for-react-js-2022-4ccn)
- [https://dev.to/dhiwise/advanced-roadmap-for-reactjs-developers-108d](https://dev.to/dhiwise/advanced-roadmap-for-reactjs-developers-108d)
- [https://dev.to/andrewbaisden/the-complete-modern-react-developer-2022-3257](https://dev.to/andrewbaisden/the-complete-modern-react-developer-2022-3257)
- [https://www.onepin.io/roadmap/A-visual-timeline-roadmap-to-master-React-in-03-months-679266451dd9295920315d17](https://www.onepin.io/roadmap/A-visual-timeline-roadmap-to-master-React-in-03-months-679266451dd9295920315d17)
- [https://tigerabrodi.blog/how-reacts-render-effects-and-refs-work-under-the-hood?ref=dailydev](https://tigerabrodi.blog/how-reacts-render-effects-and-refs-work-under-the-hood?ref=dailydev)
## `React Performance`
- [https://blog.logrocket.com/optimize-react-apps-using-a-multi-layered-structure/](https://blog.logrocket.com/optimize-react-apps-using-a-multi-layered-structure/)
- [https://javascript.plainenglish.io/react-app-performance-optimization-the-definitive-guide-9b658be3b6e4](https://javascript.plainenglish.io/react-app-performance-optimization-the-definitive-guide-9b658be3b6e4)
- [https://hackernoon.com/top-9-tips-to-improve-react-performance?source=rss](https://hackernoon.com/top-9-tips-to-improve-react-performance?source=rss)
- [https://dev.to/asjadanis/optimizing-react-app-performance-16lp](https://dev.to/asjadanis/optimizing-react-app-performance-16lp)
- [https://medium.com/@khannapranshu33/react-performance-tips-a74f03efe437](https://medium.com/@khannapranshu33/react-performance-tips-a74f03efe437)
- [https://medium.com/@caglayanyanikoglu/react-performance-improvements-356f81b1904f](https://medium.com/@caglayanyanikoglu/react-performance-improvements-356f81b1904f)
- [https://dev.to/ahmedgmurtaza/react-performance-optimization-usememo-vs-usecallback-2p2a](https://dev.to/ahmedgmurtaza/react-performance-optimization-usememo-vs-usecallback-2p2a)
- [https://www.paulsblog.dev/advanced-react-ui-components-to-optimize-development-process/](https://www.paulsblog.dev/advanced-react-ui-components-to-optimize-development-process/)
- [https://medium.com/@antoniocastillom78/simple-ways-to-improve-your-react-app-performance-without-usememo-2502a7260d75](https://medium.com/@antoniocastillom78/simple-ways-to-improve-your-react-app-performance-without-usememo-2502a7260d75)
- [https://blog.bitsrc.io/rendering-images-the-better-way-f0963c25ef04](https://blog.bitsrc.io/rendering-images-the-better-way-f0963c25ef04)
- [https://nerdleveltech.com/how-to-be-better-with-performance-optimization-in-react/](https://nerdleveltech.com/how-to-be-better-with-performance-optimization-in-react/)
- [https://dzone.com/articles/how-to-improve-reactjs-website-performance](https://dzone.com/articles/how-to-improve-reactjs-website-performance)
- [https://nerdleveltech.com/how-to-be-better-in-react-code-reusability-part1/](https://nerdleveltech.com/how-to-be-better-in-react-code-reusability-part1/)
- [https://dev.to/devland/how-to-optimize-your-react-apps-performance-1045](https://dev.to/devland/how-to-optimize-your-react-apps-performance-1045)
- [https://howtocrackit.com/mastering-react-memo-for-optimal-performance-tips-and-tricks/](https://howtocrackit.com/mastering-react-memo-for-optimal-performance-tips-and-tricks/)
- [https://blog.openreplay.com/optimizing-reacts-performance/](https://blog.openreplay.com/optimizing-reacts-performance/)
- [https://www.bigbinary.com/blog/react-performance-optimization-memoization-demystified](https://www.bigbinary.com/blog/react-performance-optimization-memoization-demystified)
- [https://vercel.com/blog/how-react-18-improves-application-performance](https://vercel.com/blog/how-react-18-improves-application-performance)
- [https://www.telerik.com/blogs/react-basics-best-practices-updating-react](https://www.telerik.com/blogs/react-basics-best-practices-updating-react)
- [https://www.turing.com/kb/reactjs-security-best-practices](https://www.turing.com/kb/reactjs-security-best-practices)
- [https://dzone.com/articles/security-best-practices-for-reactjs-in-web-app-dev?ref=dailydev](https://dzone.com/articles/security-best-practices-for-reactjs-in-web-app-dev?ref=dailydev)
- [https://dev.to/dickinsontiwari/optimizing-react-components-a-guide-to-usecallback-and-usememo-3mgk](https://dev.to/dickinsontiwari/optimizing-react-components-a-guide-to-usecallback-and-usememo-3mgk)
- [https://dev.to/rasaf_ibrahim/react-performance-booster-introduction-to-the-usememo-hook-212i?ref=dailydev](https://dev.to/rasaf_ibrahim/react-performance-booster-introduction-to-the-usememo-hook-212i?ref=dailydev)
- [https://www.javacodegeeks.com/2023/11/securing-your-reactjs-web-apps-best-practices-and-strategies.html?ref=dailydev](https://www.javacodegeeks.com/2023/11/securing-your-reactjs-web-apps-best-practices-and-strategies.html?ref=dailydev)
- [https://tropicolx.hashnode.dev/optimizing-performance-in-react-applications?ref=dailydev](https://tropicolx.hashnode.dev/optimizing-performance-in-react-applications?ref=dailydev)
- [https://www.freecodecamp.org/news/react-suspense/?ref=dailydev](https://www.freecodecamp.org/news/react-suspense/?ref=dailydev)
- [https://blog.openreplay.com/improving-form-performance-in-react/?ref=dailydev](https://blog.openreplay.com/improving-form-performance-in-react/?ref=dailydev)
- [https://maxtsh.medium.com/the-ultimate-guide-to-cache-busting-for-react-production-applications-d583e4248f02](https://maxtsh.medium.com/the-ultimate-guide-to-cache-busting-for-react-production-applications-d583e4248f02)
- [https://blog.bitsrc.io/react-best-practices-55aca2f38606](https://blog.bitsrc.io/react-best-practices-55aca2f38606)
- [https://tigerabrodi.blog/optimizing-react-context-and-re-renders?ref=dailydev](https://tigerabrodi.blog/optimizing-react-context-and-re-renders?ref=dailydev)
- [https://dorendev.hashnode.dev/how-to-optimize-your-react-app-for-better-performance?ref=dailydev](https://dorendev.hashnode.dev/how-to-optimize-your-react-app-for-better-performance?ref=dailydev)
- [https://javascript.plainenglish.io/optimizing-react-performance-strategies-to-avoid-unnecessary-re-renders-f8110b4e37b2](https://javascript.plainenglish.io/optimizing-react-performance-strategies-to-avoid-unnecessary-re-renders-f8110b4e37b2)
- [https://dev.to/vigneshiyergithub/mastering-react-re-renders-for-optimal-performance-24je?ref=dailydev](https://dev.to/vigneshiyergithub/mastering-react-re-renders-for-optimal-performance-24je?ref=dailydev)
- [https://differ.blog/inplainenglish/optimizing-react-performance-advanced-techniques-337d75?ref=dailydev](https://differ.blog/inplainenglish/optimizing-react-performance-advanced-techniques-337d75?ref=dailydev)
## `React tips and Tricks`
- [https://dev.to/wojtekmaj/optimizing-react-app-hardcore-edition-2h1](https://dev.to/wojtekmaj/optimizing-react-app-hardcore-edition-2h1)
- [https://daily.dev/blog/building-react-micro-components-with-styled-system](https://daily.dev/blog/building-react-micro-components-with-styled-system)
- [https://betterprogramming.pub/21-best-practices-for-a-clean-react-project-df788a682fb](https://betterprogramming.pub/21-best-practices-for-a-clean-react-project-df788a682fb)
- [https://www.infoworld.com/article/3616579/10-tips-for-tuning-react-ui-performance.html](https://www.infoworld.com/article/3616579/10-tips-for-tuning-react-ui-performance.html)
- [https://luisarbezerra.com/react-clean-code-for-beginners](https://luisarbezerra.com/react-clean-code-for-beginners)
- [https://blog.logrocket.com/react-reference-guide-hooks-api/](https://blog.logrocket.com/react-reference-guide-hooks-api/)
- [https://betterprogramming.pub/21-best-practices-for-a-clean-react-project-df788a682fb](https://betterprogramming.pub/21-best-practices-for-a-clean-react-project-df788a682fb)
- [https://dev.to/victorocna/my-secret-trick-for-writing-great-react-components-fb8](https://dev.to/victorocna/my-secret-trick-for-writing-great-react-components-fb8)
- [https://dev.to/alexomeyer/10-must-have-react-developer-tools-to-write-clean-code-1808](https://dev.to/alexomeyer/10-must-have-react-developer-tools-to-write-clean-code-1808)
- [https://dzone.com/articles/best-coding-practices-in-reactjs](https://dzone.com/articles/best-coding-practices-in-reactjs)
- [https://blog.logrocket.com/ui-design-best-practices-loading-error-empty-state-react/](https://blog.logrocket.com/ui-design-best-practices-loading-error-empty-state-react/)
- [https://blog.whereisthemouse.com/good-practices-for-loading-error-and-empty-states-in-react](https://blog.whereisthemouse.com/good-practices-for-loading-error-and-empty-states-in-react)
- [https://dev.to/devsmitra/react-best-practices-and-patterns-to-reduce-code-part-3-4bh1](https://dev.to/devsmitra/react-best-practices-and-patterns-to-reduce-code-part-3-4bh1)
- [https://tapajyoti-bose.medium.com/7-tips-for-clean-react-typescript-code-you-must-know-3ebd34af343f](https://tapajyoti-bose.medium.com/7-tips-for-clean-react-typescript-code-you-must-know-3ebd34af343f)
- [https://javascript.plainenglish.io/11-mistakes-to-avoid-when-using-react-in-2022-d93d26c46181](https://javascript.plainenglish.io/11-mistakes-to-avoid-when-using-react-in-2022-d93d26c46181)
- [https://dev.to/ahmedgmurtaza/react-performance-optimization-usememo-vs-usecallback-2p2a](https://dev.to/ahmedgmurtaza/react-performance-optimization-usememo-vs-usecallback-2p2a)
- [https://dzone.com/articles/5-tips-for-optimizing-your-react-apps-performance](https://dzone.com/articles/5-tips-for-optimizing-your-react-apps-performance)
- [https://dev.to/perssondennis/react-anti-patterns-and-best-practices-dos-and-donts-3c2g](https://dev.to/perssondennis/react-anti-patterns-and-best-practices-dos-and-donts-3c2g)
- [https://www.joshwcomeau.com/react/common-beginner-mistakes/](https://www.joshwcomeau.com/react/common-beginner-mistakes/)
- [https://blog.devgenius.io/solid-principles-in-reactjs-1d225dd22a3f](https://blog.devgenius.io/solid-principles-in-reactjs-1d225dd22a3f)
- [https://nerdleveltech.com/how-to-be-better-in-react-code-reusability-part2/](https://nerdleveltech.com/how-to-be-better-in-react-code-reusability-part2/)
- [https://enlear.academy/top-7-ways-to-create-react-app-without-using-create-react-app-eca5625386d7](https://enlear.academy/top-7-ways-to-create-react-app-without-using-create-react-app-eca5625386d7)
- [https://dev.to/codeofrelevancy/take-your-code-to-the-other-side-48p3](https://dev.to/codeofrelevancy/take-your-code-to-the-other-side-48p3)
- [https://www.freecodecamp.org/news/how-to-build-a-react-app-different-ways/](https://www.freecodecamp.org/news/how-to-build-a-react-app-different-ways/)
- [https://www.linkedin.com/pulse/most-common-react-design-patterns-baqir-nekfar/](https://www.linkedin.com/pulse/most-common-react-design-patterns-baqir-nekfar/)
- [https://claritydev.net/blog/the-most-common-mistakes-when-using-react](https://claritydev.net/blog/the-most-common-mistakes-when-using-react)
- [https://bestcodingpractices.dev/catalog/62a70fad5029ab9ca974a982](https://bestcodingpractices.dev/catalog/62a70fad5029ab9ca974a982)
- [https://blog.openreplay.com/writing-clean-reusable-components-in-react/](https://blog.openreplay.com/writing-clean-reusable-components-in-react/)
- [https://dev.to/perssondennis/react-anti-patterns-and-best-practices-dos-and-donts-3c2g](https://dev.to/perssondennis/react-anti-patterns-and-best-practices-dos-and-donts-3c2g)
- [https://www.freecodecamp.org/news/upgrade-your-react-skills/](https://www.freecodecamp.org/news/upgrade-your-react-skills/)
- [https://dzone.com/articles/advanced-react-js-concepts-a-deep-dive](https://dzone.com/articles/advanced-react-js-concepts-a-deep-dive)
- [https://www.freecodecamp.org/news/improve-reactjs-code/](https://www.freecodecamp.org/news/improve-reactjs-code/)
- [https://itnext.io/solid-in-react-the-good-the-bad-and-the-awesome-79d6cc518d1f](https://itnext.io/solid-in-react-the-good-the-bad-and-the-awesome-79d6cc518d1f)
- [https://dev.to/_ndeyefatoudiop/101-react-tips-tricks-for-beginners-to-experts-4m11?ref=dailydev](https://dev.to/_ndeyefatoudiop/101-react-tips-tricks-for-beginners-to-experts-4m11?ref=dailydev)
- [https://medium.com/@dotexedev/react-design-patterns-349c6644315f](https://medium.com/@dotexedev/react-design-patterns-349c6644315f)
- [https://www.syncfusion.com/blogs/post/react-styling-tips-tricks?ref=dailydev](https://www.syncfusion.com/blogs/post/react-styling-tips-tricks?ref=dailydev)
- [https://www.freecodecamp.org/news/react-best-practices-ever-developer-should-know/?ref=dailydev](https://www.freecodecamp.org/news/react-best-practices-ever-developer-should-know/?ref=dailydev)
- [https://dev.to/_ndeyefatoudiop/101-react-tips-tricks-for-beginners-to-experts-4m11?ref=dailydev](https://dev.to/_ndeyefatoudiop/101-react-tips-tricks-for-beginners-to-experts-4m11?ref=dailydev)
- [https://javascript.plainenglish.io/4-react-tips-to-instantly-improve-your-code-7456e028cfa3](https://javascript.plainenglish.io/4-react-tips-to-instantly-improve-your-code-7456e028cfa3)
- [https://www.frontendjoy.com/p/17-tips-from-a-senior-react-developer?ref=dailydev](https://www.frontendjoy.com/p/17-tips-from-a-senior-react-developer?ref=dailydev)
- [https://blog.shadui.dev/implementing-dependency-injection-in-a-react-project/?ref=dailydev](https://blog.shadui.dev/implementing-dependency-injection-in-a-react-project/?ref=dailydev)
## `React Hooks`
- [https://javascript.plainenglish.io/react-hooks-the-complete-guide-5c176ca825f6](https://javascript.plainenglish.io/react-hooks-the-complete-guide-5c176ca825f6)
[https://dev.to/ash_bergs/a-quick-guide-to-understanding-react-hooks-4o1](https://dev.to/ash_bergs/a-quick-guide-to-understanding-react-hooks-4o1)
- [https://dmitripavlutin.com/react-usememo-hook/](https://dmitripavlutin.com/react-usememo-hook/)
- [https://dev.to/jonathanrodriguezs/react-design-patterns-33id](https://dev.to/jonathanrodriguezs/react-design-patterns-33id)
- [https://dev.to/ishakmohmed/react-hooks-usecontext-useeffect-usestate-useref-summarized-like-crazy-short-concise-article-254k](https://dev.to/ishakmohmed/react-hooks-usecontext-useeffect-usestate-useref-summarized-like-crazy-short-concise-article-254k)
- [https://brayanarrieta.hashnode.dev/when-to-usecallback-and-usememo-in-our-react-projects-1](https://brayanarrieta.hashnode.dev/when-to-usecallback-and-usememo-in-our-react-projects-1)
- [https://www.freecodecamp.org/news/react-hooks-cheatsheet/](https://www.freecodecamp.org/news/react-hooks-cheatsheet/)
- [https://www.freecodecamp.org/news/what-is-state-in-react-explained-with-examples/](https://www.freecodecamp.org/news/what-is-state-in-react-explained-with-examples/)
- [https://blog.logrocket.com/react-hooks-cheat-sheet-unlock-solutions-to-common-problems-af4caf699e70/](https://blog.logrocket.com/react-hooks-cheat-sheet-unlock-solutions-to-common-problems-af4caf699e70/)
- [https://javascript.plainenglish.io/epic-react-react-hooks-ceb04b8ec513](https://javascript.plainenglish.io/epic-react-react-hooks-ceb04b8ec513)
- [https://www.freecodecamp.org/news/how-to-create-react-hooks/](https://www.freecodecamp.org/news/how-to-create-react-hooks/)
- [https://dev.to/colocodes/6-use-cases-of-the-useeffect-reactjs-hook-282o](https://dev.to/colocodes/6-use-cases-of-the-useeffect-reactjs-hook-282o)
- [https://medium.com/@souravsaha101/react-hooks-complete-interview-guide-44dbfe3841b4](https://medium.com/@souravsaha101/react-hooks-complete-interview-guide-44dbfe3841b4)
- [https://pulackh.medium.com/react-js-summary-on-react-hooks-934bf25c3b2a](https://pulackh.medium.com/react-js-summary-on-react-hooks-934bf25c3b2a)
- [https://enlear.academy/types-of-react-hooks-best-practices-45c275b55b1f](https://enlear.academy/types-of-react-hooks-best-practices-45c275b55b1f)
- [https://dev.to/imrishabh18/simplest-custom-hook-to-persist-data-1odd](https://dev.to/imrishabh18/simplest-custom-hook-to-persist-data-1odd)
- [https://dev.to/surajmore98/hooks-in-react-4f6a](https://dev.to/surajmore98/hooks-in-react-4f6a)
- [https://dev.to/dev117uday/react-hooks-0-to-hero-4b7o](https://dev.to/dev117uday/react-hooks-0-to-hero-4b7o)
- [https://blog.logrocket.com/options-caching-react/](https://blog.logrocket.com/options-caching-react/)
- [https://javascript.plainenglish.io/real-life-use-cases-for-usecallback-and-usememo-7fa6f787b7e0](https://javascript.plainenglish.io/real-life-use-cases-for-usecallback-and-usememo-7fa6f787b7e0)
- [https://blog.greenroots.info/react-hook-usestate-lazy-initialization-previous-state](https://blog.greenroots.info/react-hook-usestate-lazy-initialization-previous-state)
- [https://blog.greenroots.info/react-useeffect-hook-usages-you-must-know](https://blog.greenroots.info/react-useeffect-hook-usages-you-must-know)
- [https://www.robinwieruch.de/react-uselocalstorage-hook/](https://www.robinwieruch.de/react-uselocalstorage-hook/)
- [https://courses.webdevsimplified.com/view/courses/react-hooks-simplified/1411296-introduction/4376388-00-introduction](https://courses.webdevsimplified.com/view/courses/react-hooks-simplified/1411296-introduction/4376388-00-introduction)
- [https://ehsangazar.com/best-tutorial-for-11-react-hooks-5acb90463d6f?gi=6351bbe83221](https://ehsangazar.com/best-tutorial-for-11-react-hooks-5acb90463d6f?gi=6351bbe83221)
- [https://dev.to/builderio/a-cure-for-react-usestate-hell-1ldi](https://dev.to/builderio/a-cure-for-react-usestate-hell-1ldi)
- [https://www.freecodecamp.org/news/full-guide-to-react-hooks/](https://www.freecodecamp.org/news/full-guide-to-react-hooks/)
- [https://dev.to/builderio/a-cure-for-react-usestate-hell-1ldi](https://dev.to/builderio/a-cure-for-react-usestate-hell-1ldi)
- [https://itnext.io/using-usememo-and-usecallback-to-save-history-from-react-langoliers-8eb7bb72c87](https://itnext.io/using-usememo-and-usecallback-to-save-history-from-react-langoliers-8eb7bb72c87)
- [https://www.smashingmagazine.com/2020/11/react-useref-hook/](https://www.smashingmagazine.com/2020/11/react-useref-hook/)
- [https://blog.openreplay.com/understanding-react-hooks/](https://blog.openreplay.com/understanding-react-hooks/)
- [https://dev.to/nitinfab/understanding-react-context-a-comprehensive-tutorial-for-beginners-2cpl](https://dev.to/nitinfab/understanding-react-context-a-comprehensive-tutorial-for-beginners-2cpl)
- [https://javascript.plainenglish.io/stop-using-usememo-now-e5d07d2bbf70](https://javascript.plainenglish.io/stop-using-usememo-now-e5d07d2bbf70)
- [https://medium.com/@ishahmeer/mastering-reacts-useeffect-hook-a-comprehensive-guide-950f2c7836e6](https://medium.com/@ishahmeer/mastering-reacts-useeffect-hook-a-comprehensive-guide-950f2c7836e6)
- [https://howtocrackit.com/boost-your-form-handling-with-react-hook-form-the-ultimate-guide/](https://howtocrackit.com/boost-your-form-handling-with-react-hook-form-the-ultimate-guide/)
- [https://levelup.gitconnected.com/use-memoization-in-react-with-react-memo-9b578f860805](https://levelup.gitconnected.com/use-memoization-in-react-with-react-memo-9b578f860805)
- [https://dev.to/this-is-learning/react-query-devtools-f1b](https://dev.to/this-is-learning/react-query-devtools-f1b)
- [https://www.telerik.com/blogs/list-of-useful-premade-react-hooks](https://www.telerik.com/blogs/list-of-useful-premade-react-hooks)
- [https://designtechworld.medium.com/useref-vs-usestate-in-react-330539025245](https://designtechworld.medium.com/useref-vs-usestate-in-react-330539025245)
- [https://blog.openreplay.com/building-an-app-with-react-query/](https://blog.openreplay.com/building-an-app-with-react-query/)
- [https://claritydev.net/blog/tic-tac-toe-typescript-react-hooks](https://claritydev.net/blog/tic-tac-toe-typescript-react-hooks)
- [https://javascript.plainenglish.io/memoize-or-callback-a-comprehensive-guide-to-using-usememo-and-usecallback-in-react-cd1fc4c53cbb](https://javascript.plainenglish.io/memoize-or-callback-a-comprehensive-guide-to-using-usememo-and-usecallback-in-react-cd1fc4c53cbb)
- [https://www.telerik.com/blogs/react-usereducer-hook](https://www.telerik.com/blogs/react-usereducer-hook)
- [https://designtechworld.medium.com/callback-refs-in-react-dd2acbed3d7c](https://designtechworld.medium.com/callback-refs-in-react-dd2acbed3d7c)
- [https://www.freecodecamp.org/news/add-form-validation-in-react-app-with-react-hook-form/](https://www.freecodecamp.org/news/add-form-validation-in-react-app-with-react-hook-form/)
- [https://www.telerik.com/blogs/how-to-create-custom-debounce-hook-react](https://www.telerik.com/blogs/how-to-create-custom-debounce-hook-react)
- [https://usehooks.com/](https://usehooks.com/)
- [https://dev.to/this-is-learning/react-query-infinite-queries-2909](https://dev.to/this-is-learning/react-query-infinite-queries-2909)
- [https://www.syncfusion.com/blogs/post/react-usestate-vs-context-api.aspx](https://www.syncfusion.com/blogs/post/react-usestate-vs-context-api.aspx)
- [https://www.telerik.com/blogs/how-to-use-3-popular-react-hooks-react-router](https://www.telerik.com/blogs/how-to-use-3-popular-react-hooks-react-router)
- [https://hackernoon.com/migrating-from-usestate-to-usereducer-in-react-hooks?source=rss](https://hackernoon.com/migrating-from-usestate-to-usereducer-in-react-hooks?source=rss)
- [https://blog.saeloun.com/2022/09/22/difference-between-useCallback-and-useMemo-hooks/](https://blog.saeloun.com/2022/09/22/difference-between-useCallback-and-useMemo-hooks/)
- [https://habr.com/en/articles/746760/](https://habr.com/en/articles/746760/)
- [https://claritydev.net/blog/form-validation-react-hook-form](https://claritydev.net/blog/form-validation-react-hook-form)
- [https://habr.com/en/articles/752774/](https://habr.com/en/articles/752774/)
- [https://dzone.com/articles/unleashing-the-power-of-react-hooks](https://dzone.com/articles/unleashing-the-power-of-react-hooks)
- [https://habr.com/en/articles/752810/](https://habr.com/en/articles/752810/)
- [https://dev.to/idurar/mastering-advanced-complex-react-usecontext-with-usereducer-redux-style-2jl0](https://dev.to/idurar/mastering-advanced-complex-react-usecontext-with-usereducer-redux-style-2jl0)
- [https://www.syncfusion.com/blogs/post/react-usecallback-vs-usememo-hooks.aspx](https://www.syncfusion.com/blogs/post/react-usecallback-vs-usememo-hooks.aspx)
- [https://habr.com/en/articles/770470/?ref=dailydev](https://habr.com/en/articles/770470/?ref=dailydev)
- [https://www.freecodecamp.org/news/react-hooks-useeffect-usestate-and-usecontext/?ref=dailydev](https://www.freecodecamp.org/news/react-hooks-useeffect-usestate-and-usecontext/?ref=dailydev)
- [https://www.freecodecamp.org/news/how-to-work-with-usememo-in-react/?ref=dailydev](https://www.freecodecamp.org/news/how-to-work-with-usememo-in-react/?ref=dailydev)
- [https://www.freecodecamp.org/news/how-to-use-the-usestate-and-useeffect-hooks-in-your-project/?ref=dailydev](https://www.freecodecamp.org/news/how-to-use-the-usestate-and-useeffect-hooks-in-your-project/?ref=dailydev)
- [https://www.freecodecamp.org/news/react-state-vs-ref-differences-and-use-cases/?ref=dailydev](https://www.freecodecamp.org/news/react-state-vs-ref-differences-and-use-cases/?ref=dailydev)
- [https://www.freecodecamp.org/news/react-usereducer-hook/?ref=dailydev](https://www.freecodecamp.org/news/react-usereducer-hook/?ref=dailydev)
- [https://tigerabrodi.blog/inline-ref-functions-in-react?ref=dailydev](https://tigerabrodi.blog/inline-ref-functions-in-react?ref=dailydev)
- [https://dev.to/yelldutz/understanding-react-hooks-3e69?ref=dailydev](https://dev.to/yelldutz/understanding-react-hooks-3e69?ref=dailydev)
- [https://www.telerik.com/blogs/react-useid-hook?ref=dailydev](https://www.telerik.com/blogs/react-useid-hook?ref=dailydev)
- [https://blog.openreplay.com/improving-react-application-performance-react-memo-vs-usememo/](https://blog.openreplay.com/improving-react-application-performance-react-memo-vs-usememo/)
- [https://dev.to/markliu2013/top-6-react-hook-mistakes-beginners-make-1135?ref=dailydev](https://dev.to/markliu2013/top-6-react-hook-mistakes-beginners-make-1135?ref=dailydev)
- [https://www.freecodecamp.org/news/how-to-use-react-context/](https://www.freecodecamp.org/news/how-to-use-react-context/)
- [https://www.freecodecamp.org/news/react-context-api-tutorial-examples/?ref=dailydev](https://www.freecodecamp.org/news/react-context-api-tutorial-examples/?ref=dailydev)
- [https://www.syncfusion.com/blogs/post/react-hooks-vs-redux?ref=dailydev](https://www.syncfusion.com/blogs/post/react-hooks-vs-redux?ref=dailydev)
- [https://medium.com/@tech-adventurer/mastering-react-hooks-738bf8fb3425](https://medium.com/@tech-adventurer/mastering-react-hooks-738bf8fb3425)
- [https://travislramos.com/blog/react-hooks-for-beginners?ref=dailydev](https://travislramos.com/blog/react-hooks-for-beginners?ref=dailydev)
- [https://www.telerik.com/blogs/react-context-new-use-api?ref=dailydev](https://www.telerik.com/blogs/react-context-new-use-api?ref=dailydev)
- [https://javascript.plainenglish.io/mastering-reacts-useeffect-common-pitfalls-and-best-practices-885e791a1645](https://javascript.plainenglish.io/mastering-reacts-useeffect-common-pitfalls-and-best-practices-885e791a1645)
- [https://codaily.dev/react/understanding-reacts-usestate-hook?ref=dailydev](https://codaily.dev/react/understanding-reacts-usestate-hook?ref=dailydev)
- [https://codermo.medium.com/how-to-build-a-react-hook-for-telegram-authentication-step-by-step-6b76847081e7](https://codermo.medium.com/how-to-build-a-react-hook-for-telegram-authentication-step-by-step-6b76847081e7)
- [https://github.com/a8hok/ReactJS-Study-Guide.git](https://github.com/a8hok/ReactJS-Study-Guide.git)
- [https://robinmalfait.com/blog/conditional-react-hooks-pattern?ref=dailydev](https://robinmalfait.com/blog/conditional-react-hooks-pattern?ref=dailydev)
- [https://codaily.dev/blog/react/understanding-reacts-useeffect-hook?ref=dailydev](https://codaily.dev/blog/react/understanding-reacts-useeffect-hook?ref=dailydev)
- [https://dev.to/perssondennis/write-solid-react-hooks-436o?ref=dailydev](https://dev.to/perssondennis/write-solid-react-hooks-436o?ref=dailydev)
- [https://jsdev.space/react-modern-hooks?ref=dailydev](https://jsdev.space/react-modern-hooks?ref=dailydev)
- [https://dev.to/adrianknapp/managing-application-state-with-custom-events-in-react-a-simple-yet-powerful-approach-ngd?ref=dailydev](https://dev.to/adrianknapp/managing-application-state-with-custom-events-in-react-a-simple-yet-powerful-approach-ngd?ref=dailydev)
- [https://www.freecodecamp.org/news/how-to-use-zod-for-react-api-validation/?ref=dailydev](https://www.freecodecamp.org/news/how-to-use-zod-for-react-api-validation/?ref=dailydev)
- [https://www.freecodecamp.org/news/how-to-build-a-reusable-usesearch-hook-in-react/?ref=dailydev](https://www.freecodecamp.org/news/how-to-build-a-reusable-usesearch-hook-in-react/?ref=dailydev)
- [https://blog.logrocket.com/react-usecallback/?ref=dailydev](https://blog.logrocket.com/react-usecallback/?ref=dailydev)
- [https://tigerabrodi.blog/usedebouncecallback-hook-explained?ref=dailydev](https://tigerabrodi.blog/usedebouncecallback-hook-explained?ref=dailydev)
## `React Libraries`
- [https://dev.to/coursesity/react-libraries-to-use-in-2021-15-top-picks-37d7](https://dev.to/coursesity/react-libraries-to-use-in-2021-15-top-picks-37d7)
- [https://www.freecodecamp.org/news/react-libraries-you-should-use/](https://www.freecodecamp.org/news/react-libraries-you-should-use/)
- [https://javascript.plainenglish.io/25-hand-picked-react-libraries-you-probably-didnt-know-existed-fbbbfc4bfb8c](https://javascript.plainenglish.io/25-hand-picked-react-libraries-you-probably-didnt-know-existed-fbbbfc4bfb8c)
- [https://dev.to/undefinedhere/every-react-developer-should-know-these-libraries-17mg](https://dev.to/undefinedhere/every-react-developer-should-know-these-libraries-17mg)
- [https://dev.to/raftlabs/best-ui-frameworks-for-react-js-b49](https://dev.to/raftlabs/best-ui-frameworks-for-react-js-b49)
- [https://cult.honeypot.io/reads/best-react-developer-tools-2021/](https://cult.honeypot.io/reads/best-react-developer-tools-2021/)
- [https://javascript.plainenglish.io/top-7-react-developer-tools-to-use-in-2021-with-bonus-4e29e89c9703](https://javascript.plainenglish.io/top-7-react-developer-tools-to-use-in-2021-with-bonus-4e29e89c9703)
- [https://blog.openreplay.com/top-6-react-state-management-libraries-for-2022](https://blog.openreplay.com/top-6-react-state-management-libraries-for-2022)
- [https://blog.logrocket.com/create-custom-debounce-hook-react/](https://blog.logrocket.com/create-custom-debounce-hook-react/)
- [https://dev.to/devland/7-tools-and-frameworks-for-faster-development-in-react-5b18](https://dev.to/devland/7-tools-and-frameworks-for-faster-development-in-react-5b18)
- [https://dev.to/devland/7-tools-and-frameworks-for-faster-development-in-react-5b18](https://dev.to/devland/7-tools-and-frameworks-for-faster-development-in-react-5b18)
- [https://dev.to/this-is-learning/react-query-useisfetching-useismutation-4dkb](https://dev.to/this-is-learning/react-query-useisfetching-useismutation-4dkb)
- [https://dev.to/arafat4693/best-animation-libraries-for-react-156n](https://dev.to/arafat4693/best-animation-libraries-for-react-156n)
- [https://hackernoon.com/13-useful-react-libraries-for-devs-in-2023?source=rss](https://hackernoon.com/13-useful-react-libraries-for-devs-in-2023?source=rss)
- [https://marmelab.com/blog/2024/06/20/react-admin-v5.html?ref=dailydev](https://marmelab.com/blog/2024/06/20/react-admin-v5.html?ref=dailydev)
- [https://dev.to/syakirurahman/top-15-animation-libraries-for-react-modern-javascript-apps-2i9m?ref=dailydev](https://dev.to/syakirurahman/top-15-animation-libraries-for-react-modern-javascript-apps-2i9m?ref=dailydev)
- [https://prismic.io/blog/react-component-libraries?ref=dailydev](https://prismic.io/blog/react-component-libraries?ref=dailydev)
- [https://greyboyle.hashnode.dev/easy-react-animation-with-gsap?ref=dailydev](https://greyboyle.hashnode.dev/easy-react-animation-with-gsap?ref=dailydev)
- [https://www.syncfusion.com/blogs/post/top-5-react-chart-libraries-2025?ref=dailydev](https://www.syncfusion.com/blogs/post/top-5-react-chart-libraries-2025?ref=dailydev)
- [https://www.manishtamang.com/blog/modern-react-ui-component-libraries?ref=dailydev](https://www.manishtamang.com/blog/modern-react-ui-component-libraries?ref=dailydev)
- [https://uvaiscodes.blogspot.com/2024/12/react-libraries.html?ref=dailydev](https://uvaiscodes.blogspot.com/2024/12/react-libraries.html?ref=dailydev)
- [https://prismic.io/blog/react-component-libraries?ref=dailydev](https://prismic.io/blog/react-component-libraries?ref=dailydev)
- [https://dev.to/salehmubashar/3-advanced-famer-motion-effects-in-react-3nm7?ref=dailydev](https://dev.to/salehmubashar/3-advanced-famer-motion-effects-in-react-3nm7?ref=dailydev)
- [https://medium.com/globant/react-state-management-b0c81e0cbbf3](https://medium.com/globant/react-state-management-b0c81e0cbbf3)
## `React interview questions`
- [https://dev.to/suprabhasupi/react-redux-interview-questions-with-answers-13ba](https://dev.to/suprabhasupi/react-redux-interview-questions-with-answers-13ba)
- [https://blog.avneesh.tech/5-react-interview-questions](https://blog.avneesh.tech/5-react-interview-questions)
- [https://javascript.plainenglish.io/50-react-interview-questions-you-must-prepare-in-2021-faf650f65d36](https://javascript.plainenglish.io/50-react-interview-questions-you-must-prepare-in-2021-faf650f65d36)
- [https://levelup.gitconnected.com/optimizing-react-app-performance-62924bf7eba2](https://levelup.gitconnected.com/optimizing-react-app-performance-62924bf7eba2)
- [https://reactjsexample.com/a-series-of-reactjs-coding-challenges-with-a-variety-of-difficulties/](https://reactjsexample.com/a-series-of-reactjs-coding-challenges-with-a-variety-of-difficulties/)
- [https://dev.to/andyrewlee/top-4-mistakes-in-react-interviews-b4i](https://dev.to/andyrewlee/top-4-mistakes-in-react-interviews-b4i)
- [https://dev.to/javascriptacademy/react-interview-questions-answered-and-explained-1-1b95](https://dev.to/javascriptacademy/react-interview-questions-answered-and-explained-1-1b95)
- [https://www.freecodecamp.org/news/how-to-stand-out-during-your-react-coding-interview/](https://www.freecodecamp.org/news/how-to-stand-out-during-your-react-coding-interview/)
- [https://dev.to/bettercodingacademy/senior-react-coding-interview-by-a-professional-react-developer-part-2-201a](https://dev.to/bettercodingacademy/senior-react-coding-interview-by-a-professional-react-developer-part-2-201a)
- [https://dev.to/aviyel/300-react-interview-questions-4dag](https://dev.to/aviyel/300-react-interview-questions-4dag)
- [https://www.edureka.co/blog/interview-questions/react-interview-questions/](https://www.edureka.co/blog/interview-questions/react-interview-questions/)
- [https://www.interviewbit.com/react-interview-questions/#](https://www.interviewbit.com/react-interview-questions/#)
- [https://cult.honeypot.io/reads/react-developer-cheatsheets/](https://cult.honeypot.io/reads/react-developer-cheatsheets/)
- [https://www.freecodecamp.org/news/react-interview-questions-and-answers/](https://www.freecodecamp.org/news/react-interview-questions-and-answers/)
- [https://www.freecodecamp.org/news/top-30-react-interview-questions-and-concepts/](https://www.freecodecamp.org/news/top-30-react-interview-questions-and-concepts/)
- [https://blog.sahilchandravanshi.com/react-jsx](https://blog.sahilchandravanshi.com/react-jsx)
- [https://dev.to/said7388/top-20-reactjs-interview-questions-3a0m](https://dev.to/said7388/top-20-reactjs-interview-questions-3a0m)
- [https://levelup.gitconnected.com/7-interview-questions-every-senior-react-developer-should-know-d85730fb04d5](https://levelup.gitconnected.com/7-interview-questions-every-senior-react-developer-should-know-d85730fb04d5)
- [https://github.com/sudheerj/reactjs-interview-questions#what-are-controlled-components](https://github.com/sudheerj/reactjs-interview-questions#what-are-controlled-components)
- [https://github.com/Devinterview-io/react-interview-questions](https://github.com/Devinterview-io/react-interview-questions)
- [https://www.freecodecamp.org/news/complete-vite-course-for-beginners/](https://www.freecodecamp.org/news/complete-vite-course-for-beginners/)
- [https://dev.to/this-is-learning/react-query-authentication-flow-id2](https://dev.to/this-is-learning/react-query-authentication-flow-id2)
- [https://nerdleveltech.com/mastering-the-react-interview-top-questions-and-best-practices/](https://nerdleveltech.com/mastering-the-react-interview-top-questions-and-best-practices/)
- [https://www.simplilearn.com/tutorials/reactjs-tutorial/reactjs-interview-questions?ref=dailydev](https://www.simplilearn.com/tutorials/reactjs-tutorial/reactjs-interview-questions?ref=dailydev)
- [https://codaily.dev/blog/react/react-interview-guide-master-essential-skills-to-land-the-job?ref=dailydev](https://codaily.dev/blog/react/react-interview-guide-master-essential-skills-to-land-the-job?ref=dailydev)
- [https://reactpractice.dev/articles/7-challenges-to-do-before-a-react-interview/?ref=dailydev](https://reactpractice.dev/articles/7-challenges-to-do-before-a-react-interview/?ref=dailydev)
## `React Learn`
- [https://www.freecodecamp.org/news/react-props-cheatsheet/](https://www.freecodecamp.org/news/react-props-cheatsheet/)
- [https://www.smashingmagazine.com/2020/01/introduction-react-context-api/](https://www.smashingmagazine.com/2020/01/introduction-react-context-api/)
- [https://flaviocopes.com/react-unidirectional-data-flow/](https://flaviocopes.com/react-unidirectional-data-flow/)
- [https://codeburst.io/react-anti-pattern-prop-drilling-54474d5236bd](https://codeburst.io/react-anti-pattern-prop-drilling-54474d5236bd)
- [https://www.smashingmagazine.com/2020/06/higher-order-components-react/](https://www.smashingmagazine.com/2020/06/higher-order-components-react/)
- [https://javascript.plainenglish.io/epic-react-react-fundamentals-cf76b6cedaf1](https://javascript.plainenglish.io/epic-react-react-fundamentals-cf76b6cedaf1)
- [https://learnwithparam.com/blog/basic-routing-in-react-router/](https://learnwithparam.com/blog/basic-routing-in-react-router/)
- [https://blog.logrocket.com/comparing-react-tree-components/](https://blog.logrocket.com/comparing-react-tree-components/)
- [https://dev.to/projectkenneth/modular-routing-in-react-2ab1](https://dev.to/projectkenneth/modular-routing-in-react-2ab1)
- [https://upmostly.com/tutorials/event-bubbling-in-react](https://upmostly.com/tutorials/event-bubbling-in-react)
- [https://dev.to/sm0ke/react-user-authentication-using-jwt-json-web-tokens-4f81](https://dev.to/sm0ke/react-user-authentication-using-jwt-json-web-tokens-4f81)
- [https://www.freecodecamp.org/news/adapter-design-in-react/](https://www.freecodecamp.org/news/adapter-design-in-react/)
- [https://dev.to/sankalpswami1122/tools-that-have-made-react-documentation-a-piece-of-cake-2kp3](https://dev.to/sankalpswami1122/tools-that-have-made-react-documentation-a-piece-of-cake-2kp3)
- [https://rehansattar.hashnode.dev/react-you-should-know](https://rehansattar.hashnode.dev/react-you-should-know)
- [https://dev.to/hareom284/javascript-fundamentals-before-learning-react-1mkl](https://dev.to/hareom284/javascript-fundamentals-before-learning-react-1mkl)
- [https://btholt.github.io/complete-intro-to-react-v6/](https://btholt.github.io/complete-intro-to-react-v6/)
- [https://h.daily-dev-tips.com/react-basics-passing-data-between-components](https://h.daily-dev-tips.com/react-basics-passing-data-between-components)
- [https://dev.to/muratcanyuksel/using-websockets-with-react-50pi](https://dev.to/muratcanyuksel/using-websockets-with-react-50pi)
- [https://blog.logrocket.com/javascript-developer-guide-browser-cookies/](https://blog.logrocket.com/javascript-developer-guide-browser-cookies/)
- [https://blog.logrocket.com/fundamentals-functional-programming-react/](https://blog.logrocket.com/fundamentals-functional-programming-react/)
- [https://www.freecodecamp.org/news/how-to-use-props-in-react/](https://www.freecodecamp.org/news/how-to-use-props-in-react/)
- [https://dev.to/harishash/react-practices-for-beginners-djn](https://dev.to/harishash/react-practices-for-beginners-djn)
- [https://dev.to/javinpaul/10-best-websites-to-learn-reactjs-in-2022-1o6d](https://dev.to/javinpaul/10-best-websites-to-learn-reactjs-in-2022-1o6d)
- [https://www.freecodecamp.org/news/learn-all-about-micro-frontends/](https://www.freecodecamp.org/news/learn-all-about-micro-frontends/)
- [https://levelup.gitconnected.com/what-is-new-in-react-router-v6-5c7d1f8de143](https://levelup.gitconnected.com/what-is-new-in-react-router-v6-5c7d1f8de143)
- [https://blog.openreplay.com/where-to-learn-react-js-in-2022-a-list-of-resources-for-new-developers](https://blog.openreplay.com/where-to-learn-react-js-in-2022-a-list-of-resources-for-new-developers)
- [https://medium.com/javarevisited/5-best-react-js-books-for-beginners-and-experienced-web-developers-e7b90b1ab9d2]
- [https://www.telerik.com/blogs/react-developers-top-10-topics-2021](https://www.telerik.com/blogs/react-developers-top-10-topics-2021)
- [https://www.freecodecamp.org/news/react-fundamentals-for-beginners/](https://www.freecodecamp.org/news/react-fundamentals-for-beginners/)
- [https://www.syncfusion.com/blogs/post/everything-you-should-know-about-react-18.aspx](https://www.syncfusion.com/blogs/post/everything-you-should-know-about-react-18.aspx)
- [https://reactjsexample.com/8-best-react-books-for-beginners-in-2022/](https://reactjsexample.com/8-best-react-books-for-beginners-in-2022/)
- [https://how-to.dev/how-to-write-unit-tests](https://how-to.dev/how-to-write-unit-tests)
- [https://www.freecodecamp.org/news/react-18-new-features/](https://www.freecodecamp.org/news/react-18-new-features/)
- [https://blog.openreplay.com/a-dive-into-react-storybook](https://blog.openreplay.com/a-dive-into-react-storybook)
- [https://blog.thoughtspile.tech/2022/01/17/jsx-conditionals/](https://blog.thoughtspile.tech/2022/01/17/jsx-conditionals/)
- [https://girlwhocodes.hashnode.dev/memoization-in-react](https://girlwhocodes.hashnode.dev/memoization-in-react)
- [https://www.robinwieruch.de/react-element-component/](https://www.robinwieruch.de/react-element-component/)
- [https://cult.honeypot.io/reads/react-developer-cheatsheets/](https://cult.honeypot.io/reads/react-developer-cheatsheets/)
- [https://andrewbaisden.hashnode.dev/the-complete-modern-react-developer-2022](https://andrewbaisden.hashnode.dev/the-complete-modern-react-developer-2022)
- [https://www.developerway.com/posts/react-elements-children-parents](https://www.developerway.com/posts/react-elements-children-parents)
- [https://towardsdev.com/the-reconciliation-mechanism-in-react-how-it-works-and-how-to-optimize-it-with-function-components-9c9f1b234f7f](https://towardsdev.com/the-reconciliation-mechanism-in-react-how-it-works-and-how-to-optimize-it-with-function-components-9c9f1b234f7f)
- [https://www.freecodecamp.org/news/how-to-learn-react-in-2023/](https://www.freecodecamp.org/news/how-to-learn-react-in-2023/)
- [https://www.freecodecamp.org/news/how-to-use-react-dev-tools/](https://www.freecodecamp.org/news/how-to-use-react-dev-tools/)
- [https://wundergraph.com/blog/introducing_react_query_client](https://wundergraph.com/blog/introducing_react_query_client)
- [https://github.com/flashohq/open-source-react-courses](https://github.com/flashohq/open-source-react-courses)
- [https://ui.dev/react-router-protected-routes-authentication](https://ui.dev/react-router-protected-routes-authentication)
- [https://blog.openreplay.com/react-js-for-web-development/](https://blog.openreplay.com/react-js-for-web-development/)
- [https://itspp.hashnode.dev/how-to-fix-the-404-notfound-error-in-the-static-react-website](https://itspp.hashnode.dev/how-to-fix-the-404-notfound-error-in-the-static-react-website)
- [https://blog.logrocket.com/deep-dive-mutations-tanstack-query/](https://blog.logrocket.com/deep-dive-mutations-tanstack-query/)
- [https://react.dev/blog/2023/03/16/introducing-react-dev](https://react.dev/blog/2023/03/16/introducing-react-dev)
- [https://www.robinwieruch.de/react-starter/](https://www.robinwieruch.de/react-starter/)
- [https://blog.bitsrc.io/5-tools-for-building-react-component-libraries-in-2023-d8fb8e4c13b4](https://blog.bitsrc.io/5-tools-for-building-react-component-libraries-in-2023-d8fb8e4c13b4)
- [https://dev.to/codeofrelevancy/what-is-strict-mode-in-react-3p5b](https://dev.to/codeofrelevancy/what-is-strict-mode-in-react-3p5b)
- [https://frontendmastery.com/posts/rethinking-react-best-practices/](https://frontendmastery.com/posts/rethinking-react-best-practices/)
- [https://enlear.academy/understanding-service-workers-in-react-js-a90dc6fbec02](https://enlear.academy/understanding-service-workers-in-react-js-a90dc6fbec02)
- [https://medium.com/@ishahmeer/beginners-walkthrough-of-react-framework-2023-f29a0f17828b](https://medium.com/@ishahmeer/beginners-walkthrough-of-react-framework-2023-f29a0f17828b)
- [https://medium.com/@ishahmeer/reactjs-vs-vuejs-which-is-better-for-your-project-bfc1eb48a0db](https://medium.com/@ishahmeer/reactjs-vs-vuejs-which-is-better-for-your-project-bfc1eb48a0db)
- [https://asritha.hashnode.dev/manipulating-the-dom-in-react-best-practices](https://asritha.hashnode.dev/manipulating-the-dom-in-react-best-practices)
- [https://dzone.com/articles/benefits-of-react-v18-a-comprehensive-guide](https://dzone.com/articles/benefits-of-react-v18-a-comprehensive-guide)
- [https://designtechworld.medium.com/react-js-understanding-state-in-depth-98623417bb73](https://designtechworld.medium.com/react-js-understanding-state-in-depth-98623417bb73)
- [https://reacthustle.com/blog/how-to-create-a-custom-mui-search-bar-component-in-nextjs](https://reacthustle.com/blog/how-to-create-a-custom-mui-search-bar-component-in-nextjs)
- [https://itnext.io/dependency-injection-in-react-6fa51488509f](https://itnext.io/dependency-injection-in-react-6fa51488509f)
- [https://dev.to/scofieldidehen/learn-react-the-lazy-way-in-2023-2gmm](https://dev.to/scofieldidehen/learn-react-the-lazy-way-in-2023-2gmm)
- [https://livecycle.io/blogs/top-react-github-projects/](https://livecycle.io/blogs/top-react-github-projects/)
- [https://www.freecodecamp.org/news/how-to-style-a-react-app/](https://www.freecodecamp.org/news/how-to-style-a-react-app/)
- [https://dev.to/zinox9/react-cheatsheet-3eao](https://dev.to/zinox9/react-cheatsheet-3eao)
- [https://www.freecodecamp.org/news/upgrade-your-react-skills/](https://www.freecodecamp.org/news/upgrade-your-react-skills/)
- [https://dev.to/reedbarger/react-props-a-visual-guide-3gcc](https://dev.to/reedbarger/react-props-a-visual-guide-3gcc)
- [https://hackernoon.com/best-examples-of-apps-written-in-reactjs?source=rss](https://hackernoon.com/best-examples-of-apps-written-in-reactjs?source=rss)
- [https://www.freecodecamp.org/news/how-to-use-react-components/](https://www.freecodecamp.org/news/how-to-use-react-components/)
- [https://semaphoreci.com/blog/react-portals?ref=dailydev](https://semaphoreci.com/blog/react-portals?ref=dailydev)
- [https://www.telerik.com/blogs/react-basics-working-react-objects?ref=dailydev](https://www.telerik.com/blogs/react-basics-working-react-objects?ref=dailydev)
- [https://hackernoon.com/mastering-higher-order-components-hocs-in-react?source=rss&ref=dailydev](https://hackernoon.com/mastering-higher-order-components-hocs-in-react?source=rss&ref=dailydev)
- [https://thenewstack.io/strategies-to-build-react-apps-in-a-client-side-architecture/?ref=dailydev](https://thenewstack.io/strategies-to-build-react-apps-in-a-client-side-architecture/?ref=dailydev)
- [https://dev.to/jitendrachoudhary/every-react-concept-explained-in-5-minutes-39b9?ref=dailydev](https://dev.to/jitendrachoudhary/every-react-concept-explained-in-5-minutes-39b9?ref=dailydev)
- [https://blog.joshsoftware.com/2024/05/28/understanding-prop-drilling-in-react-a-case-study-of-an-e-commerce-shopping-cart/?ref=dailydev](https://blog.joshsoftware.com/2024/05/28/understanding-prop-drilling-in-react-a-case-study-of-an-e-commerce-shopping-cart/?ref=dailydev)
- [https://kentcdodds.com/blog/javascript-to-know-for-react?ref=dailydev](https://kentcdodds.com/blog/javascript-to-know-for-react?ref=dailydev)
- [https://www.permit.io/blog/dynamic-react-feature-toggling-2024-guide?ref=dailydev](https://www.permit.io/blog/dynamic-react-feature-toggling-2024-guide?ref=dailydev)
- [https://dev.to/github20k/8-components-to-become-a-react-master-2ee4](https://dev.to/github20k/8-components-to-become-a-react-master-2ee4)
- [https://tanstack.com/pacer/latest?ref=dailydev](https://tanstack.com/pacer/latest?ref=dailydev)
## `React Projects`
- [https://hackernoon.com/7-15-2023-noonification?source=rss](https://hackernoon.com/7-15-2023-noonification?source=rss)
- [https://reactjsexample.com/a-collection-of-some-big-projects-codebases-built-with-reactjs/](https://reactjsexample.com/a-collection-of-some-big-projects-codebases-built-with-reactjs/)
- [https://www.freecodecamp.org/news/build-a-search-filter-using-react-and-react-hooks/](https://www.freecodecamp.org/news/build-a-search-filter-using-react-and-react-hooks/)
- [https://reactjsexample.com/a-video-conferencing-application-build-with-react/](https://reactjsexample.com/a-video-conferencing-application-build-with-react/)
- [https://reactjsexample.com/netflix-clone-with-react-styled-components-axios/](https://reactjsexample.com/netflix-clone-with-react-styled-components-axios/)
- [https://reactjsexample.com/youtube-clone-build-using-react-js/](https://reactjsexample.com/youtube-clone-build-using-react-js/)
- [https://dev.to/nas5w/creating-a-todo-list-app-in-react-using-typescript-2h00](https://dev.to/nas5w/creating-a-todo-list-app-in-react-using-typescript-2h00)
- [https://typeofnan.dev/your-first-react-typescript-project-todo-app/](https://typeofnan.dev/your-first-react-typescript-project-todo-app/)
- [https://www.freecodecamp.org/news/how-to-build-a-todo-app-with-react-typescript-nodejs-and-mongodb/](https://www.freecodecamp.org/news/how-to-build-a-todo-app-with-react-typescript-nodejs-and-mongodb/)
- [https://dev.to/exwhyzed/15-free-reactjs-templates-for-your-next-project-313m](https://dev.to/exwhyzed/15-free-reactjs-templates-for-your-next-project-313m)
- [https://www.freecodecamp.org/news/react-crud-app-how-to-create-a-book-management-app-from-scratch/](https://www.freecodecamp.org/news/react-crud-app-how-to-create-a-book-management-app-from-scratch/)
- [https://blog.logrocket.com/using-react-hooks-to-create-sticky-headers/](https://blog.logrocket.com/using-react-hooks-to-create-sticky-headers/)
- [https://www.freecodecamp.org/news/react-budget-tracker-app/](https://www.freecodecamp.org/news/react-budget-tracker-app/)
- [https://hashnode.com/post/35-free-react-templates-and-themes-you-should-use-in-2021-cklw9iu7c022b56s1ezgz033j](https://hashnode.com/post/35-free-react-templates-and-themes-you-should-use-in-2021-cklw9iu7c022b56s1ezgz033j)
- [https://dev.to/larswaechter/how-i-structure-my-react-projects-jii](https://dev.to/larswaechter/how-i-structure-my-react-projects-jii)
- [https://blog.devgenius.io/7-projects-you-can-build-to-learn-react-in-2021-246122ffbd6f](https://blog.devgenius.io/7-projects-you-can-build-to-learn-react-in-2021-246122ffbd6f)
- [https://dev.to/iyashsoni/building-web-extensions-with-reactjs-from-0-to-publish-54no](https://dev.to/iyashsoni/building-web-extensions-with-reactjs-from-0-to-publish-54no)
- [https://dev.to/wolzcodelife/how-to-build-a-music-playlist-with-react-spotify-and-fauna-40k6](https://dev.to/wolzcodelife/how-to-build-a-music-playlist-with-react-spotify-and-fauna-40k6)
- [https://blog.logrocket.com/build-robust-react-app-husky-pre-commit-hooks-github-actions/](https://blog.logrocket.com/build-robust-react-app-husky-pre-commit-hooks-github-actions/)
- [https://reactjsexample.com/a-full-stack-e-commerce-app-built-with-react-and-stripe-api/](https://reactjsexample.com/a-full-stack-e-commerce-app-built-with-react-and-stripe-api/)
- [https://dev.to/geraldmuvengei06/cool-projects-to-help-you-learn-react-js-part-2-1f7a](https://dev.to/geraldmuvengei06/cool-projects-to-help-you-learn-react-js-part-2-1f7a)
- [https://dev.to/seven/building-a-client-database-of-people-in-react-55oe](https://dev.to/seven/building-a-client-database-of-people-in-react-55oe)
- [https://blog.risingstack.com/stripe-payments-integration-tutorial-javascript/](https://blog.risingstack.com/stripe-payments-integration-tutorial-javascript/)
- [https://dev.to/sm0ke/react-node-js-open-source-fullstack-starters-5192](https://dev.to/sm0ke/react-node-js-open-source-fullstack-starters-5192)
- [https://reactjsexample.com/a-minimal-game-of-candy-crush-in-react/](https://reactjsexample.com/a-minimal-game-of-candy-crush-in-react/)
- [https://blog.openreplay.com/building-an-encyclopedia-with-react-and-wikipedia-search-api](https://blog.openreplay.com/building-an-encyclopedia-with-react-and-wikipedia-search-api)
- [https://www.freecodecamp.org/news/react-tutorial-build-a-movie-list-generator-with-react-and-harperdb/](https://www.freecodecamp.org/news/react-tutorial-build-a-movie-list-generator-with-react-and-harperdb/)
- [https://reactjsexample.com/marvel-heroes-app-using-react-and-bootstrap/](https://reactjsexample.com/marvel-heroes-app-using-react-and-bootstrap/)
- [https://reactjsexample.com/responsive-portfolio-template-made-with-reactjs/](https://reactjsexample.com/responsive-portfolio-template-made-with-reactjs/)
- [https://reactjsexample.com/youtube-clone-built-with-react-and-sass/](https://reactjsexample.com/youtube-clone-built-with-react-and-sass/)
- [https://dev.to/franciscomendes10866/how-to-create-modern-cards-using-react-and-tailwind-2ded](https://dev.to/franciscomendes10866/how-to-create-modern-cards-using-react-and-tailwind-2ded)
- [https://www.section.io/engineering-education/react-swipe-application/](https://www.section.io/engineering-education/react-swipe-application/)
- [https://www.freecodecamp.org/news/react-websockets-project-build-real-time-order-book-app/](https://www.freecodecamp.org/news/react-websockets-project-build-real-time-order-book-app/)
- [https://betterprogramming.pub/a-complete-guide-to-implementing-dark-mode-in-react-47af893b22eb](https://betterprogramming.pub/a-complete-guide-to-implementing-dark-mode-in-react-47af893b22eb)
- [https://www.freecodecamp.org/news/learn-react-from-three-all-star-instructors/(https://www.freecodecamp.org/news/learn-react-from-three-all-star-instructors/)
- [https://dev.to/novu/building-a-notion-like-system-with-socketio-and-react-1hjg](https://dev.to/novu/building-a-notion-like-system-with-socketio-and-react-1hjg)
- [https://github.com/ib-sundeep/amazon-clone/tree/master-class](https://github.com/ib-sundeep/amazon-clone/tree/master-class)
- [https://dev.to/documatic/building-a-music-player-in-react-2aa4](https://dev.to/documatic/building-a-music-player-in-react-2aa4)
- [https://www.freecodecamp.org/news/free-react-course-2022/](https://www.freecodecamp.org/news/free-react-course-2022/)
- [https://www.freecodecamp.org/news/react-projects-for-beginners-easy-ideas-with-code/](https://www.freecodecamp.org/news/react-projects-for-beginners-easy-ideas-with-code/)
- [https://dev.to/novu/creating-a-resume-builder-with-react-nodejs-and-ai-4k6l](https://dev.to/novu/creating-a-resume-builder-with-react-nodejs-and-ai-4k6l)
- [https://dev.to/haszankauna/building-scalable-web-applications-with-react-and-firebase-2di4](https://dev.to/haszankauna/building-scalable-web-applications-with-react-and-firebase-2di4)
- [https://www.robinwieruch.de/react-trpc/](https://www.robinwieruch.de/react-trpc/)
- [https://medium.com/frontendweb/how-to-read-local-json-file-in-react-js-564125235fc7](https://medium.com/frontendweb/how-to-read-local-json-file-in-react-js-564125235fc7)
- [https://www.robinwieruch.de/react-drag-and-drop/](https://www.robinwieruch.de/react-drag-and-drop/)
- [https://www.freecodecamp.org/news/build-react-forms-with-formik-library/](https://www.freecodecamp.org/news/build-react-forms-with-formik-library/)
- [https://blog.greenroots.info/how-to-create-a-self-clicking-button-with-reactjs](https://blog.greenroots.info/how-to-create-a-self-clicking-button-with-reactjs)
- [https://code.tutsplus.com/tutorials/creating-a-blogging-app-using-reactjs-add-post--cms-28579](https://code.tutsplus.com/tutorials/creating-a-blogging-app-using-reactjs-add-post--cms-28579)
- [https://www.freecodecamp.org/news/how-to-validate-forms-in-react/](https://www.freecodecamp.org/news/how-to-validate-forms-in-react/)
- [https://www.freecodecamp.org/news/chatgpt-react-course/](https://www.freecodecamp.org/news/chatgpt-react-course/)
- [https://www.classcentral.com/course/full-stack-application-development-project-34101](https://www.classcentral.com/course/full-stack-application-development-project-34101)
- [https://www.freecodecamp.org/news/how-to-build-a-chatbot-with-openai-chatgpt-nodejs-and-react/](https://www.freecodecamp.org/news/how-to-build-a-chatbot-with-openai-chatgpt-nodejs-and-react/)
- [https://www.freecodecamp.org/news/react-mortgage-calculator-tutorial-for-beginners/](https://www.freecodecamp.org/news/react-mortgage-calculator-tutorial-for-beginners/)
- [https://dev.to/sanjayttg/jwt-authentication-in-react-with-react-router-1d03](https://dev.to/sanjayttg/jwt-authentication-in-react-with-react-router-1d03)
- [https://hackernoon.com/116-stories-to-learn-about-web-scraping?source=rss](https://hackernoon.com/116-stories-to-learn-about-web-scraping?source=rss)
- [https://dev.to/abdulbasit313/i-published-4-free-reactjs-coding-challenges-build-functionality-for-responsive-ui-35o](https://dev.to/abdulbasit313/i-published-4-free-reactjs-coding-challenges-build-functionality-for-responsive-ui-35o)
- [https://blog.openreplay.com/how-to-perform-jwt-authentication-with-react/](https://blog.openreplay.com/how-to-perform-jwt-authentication-with-react/)
- [https://www.freecodecamp.org/news/code-and-deploy-an-instagram-clone-with-react-and-firebase/?ref=dailydev](https://www.freecodecamp.org/news/code-and-deploy-an-instagram-clone-with-react-and-firebase/?ref=dailydev)
- [https://dev.to/jenesh/add-eslint-to-a-react-project-1m32?ref=dailydev](https://dev.to/jenesh/add-eslint-to-a-react-project-1m32?ref=dailydev)
- [https://spacejelly.dev/posts/generate-a-pdf-from-html-in-javascript?ref=dailydev](https://spacejelly.dev/posts/generate-a-pdf-from-html-in-javascript?ref=dailydev)
- [https://dev.to/tailwindcss/21-top-react-footer-components-to-use-in-2024-4e8o?ref=dailydev](https://dev.to/tailwindcss/21-top-react-footer-components-to-use-in-2024-4e8o?ref=dailydev)
- [https://dev.to/tolgee_i18n/17-must-know-react-projects-for-developers-28a2?ref=dailydev](https://dev.to/tolgee_i18n/17-must-know-react-projects-for-developers-28a2?ref=dailydev)
- [https://dev.to/davidepacilio/35-free-react-templates-and-themes-32ci?ref=dailydev](https://dev.to/davidepacilio/35-free-react-templates-and-themes-32ci?ref=dailydev)
- [https://www.deepdev.org/blog/react-project-ideas-practical-features-guide?ref=dailydev](https://www.deepdev.org/blog/react-project-ideas-practical-features-guide?ref=dailydev)
- [https://www.sitepoint.com/google-auth-react-express/?ref=dailydev](https://www.sitepoint.com/google-auth-react-express/?ref=dailydev)
- [https://www.youtube.com/watch?v=XRLpdrl7RiY](https://www.youtube.com/watch?v=XRLpdrl7RiY)
- [https://marmelab.com/blog/2025/01/24/how-to-build-a-cms-with-react-admin.html?ref=dailydev](https://marmelab.com/blog/2025/01/24/how-to-build-a-cms-with-react-admin.html?ref=dailydev)
- [https://uvaiscodes.blogspot.com/2024/09/23-react-projects-with-source-code.html?ref=dailydev](https://uvaiscodes.blogspot.com/2024/09/23-react-projects-with-source-code.html?ref=dailydev)
## `React Unittest`
- [https://www.syncfusion.com/blogs/post/unit-testing-in-react-with-jest-and-enzyme-frameworks.aspx](https://www.syncfusion.com/blogs/post/unit-testing-in-react-with-jest-and-enzyme-frameworks.aspx)
- [https://www.valentinog.com/blog/jest/#bonus-es-modules-with-jest](https://www.valentinog.com/blog/jest/#bonus-es-modules-with-jest)
- [https://www.smashingmagazine.com/2020/06/practical-guide-testing-react-applications-jest/](https://www.smashingmagazine.com/2020/06/practical-guide-testing-react-applications-jest/)
- [https://www.robinwieruch.de/react-testing-library](https://www.robinwieruch.de/react-testing-library)
- [https://testing-library.com/docs/react-testing-library/intro](https://testing-library.com/docs/react-testing-library/intro)
- [https://dev.to/mbarzeev/creating-a-react-component-with-tdd-2jn8](https://dev.to/mbarzeev/creating-a-react-component-with-tdd-2jn8)
- [https://upmostly.com/tutorials/getting-started-testing-react](https://upmostly.com/tutorials/getting-started-testing-react)
- [https://vijayt.com/post/functional-testing-using-react-testing-library-and-jest/](https://vijayt.com/post/functional-testing-using-react-testing-library-and-jest/)
- [https://giftea.hashnode.dev/how-to-test-react-applications-with-react-testing-library-and-jest](https://giftea.hashnode.dev/how-to-test-react-applications-with-react-testing-library-and-jest)
- [https://dev.to/refine/mocking-api-calls-in-react-tests-with-nock-41if(https://dev.to/refine/mocking-api-calls-in-react-tests-with-nock-41if)
- [https://www.freecodecamp.org/news/how-to-write-unit-tests-in-react/](https://www.freecodecamp.org/news/how-to-write-unit-tests-in-react/)
- [https://itnext.io/make-your-react-tests-easier-to-write-understand-and-maintain-9fa769381d62](https://itnext.io/make-your-react-tests-easier-to-write-understand-and-maintain-9fa769381d62)
- [https://www.infoq.com/news/2023/03/sentry-enzyme-migration-rtl/?utm_campaign=infoq_content&utm_source=infoq&utm_medium=feed&utm_term=global](https://www.infoq.com/news/2023/03/sentry-enzyme-migration-rtl/?utm_campaign=infoq_content&utm_source=infoq&utm_medium=feed&utm_term=global)
- [https://www.builder.io/blog/3-react-testing-library-tips](https://www.builder.io/blog/3-react-testing-library-tips)
- [https://blog.openreplay.com/unit-testing-with-the-react-testing-library/](https://blog.openreplay.com/unit-testing-with-the-react-testing-library/)
- [https://dzone.com/articles/cypress-vs-playwright-which-is-the-best-testing-to](https://dzone.com/articles/cypress-vs-playwright-which-is-the-best-testing-to)
- [https://claritydev.net/blog/improving-react-testing-library-tests](https://claritydev.net/blog/improving-react-testing-library-tests)
- [https://moderncss.dev/testing-feature-support-for-modern-css/](https://moderncss.dev/testing-feature-support-for-modern-css/)
- [https://itnext.io/a-beginners-guide-to-cypress-testing-framework-with-a-weather-application-88dbf6ddae6c](https://itnext.io/a-beginners-guide-to-cypress-testing-framework-with-a-weather-application-88dbf6ddae6c)
- [https://claritydev.net/blog/testing-react-hook-form-with-react-testing-library](https://claritydev.net/blog/testing-react-hook-form-with-react-testing-library)
- [https://www.builder.io/blog/test-custom-hooks-react-testing-library](https://www.builder.io/blog/test-custom-hooks-react-testing-library)
- [https://dzone.com/articles/cypress-best-practices-for-api-test-automation](https://dzone.com/articles/cypress-best-practices-for-api-test-automation)
- [https://claritydev.net/blog/testing-select-components-react-testing-library](https://claritydev.net/blog/testing-select-components-react-testing-library)
- [https://claritydev.net/blog/enzyme-vs-react-testing-library-migration-guide](https://claritydev.net/blog/enzyme-vs-react-testing-library-migration-guide)
- [https://dzone.com/articles/playwright-javascript-tutorial-a-complete-guide](https://dzone.com/articles/playwright-javascript-tutorial-a-complete-guide)
- [https://dev.to/refine/a-comprehensive-guide-of-react-unit-testing-18bh](https://dev.to/refine/a-comprehensive-guide-of-react-unit-testing-18bh)
- [https://filiphric.com/cypress-basics-using-baseurl](https://filiphric.com/cypress-basics-using-baseurl)
- [https://www.codemotion.com/magazine/languages/a-complete-introduction-to-the-react-library/](https://www.codemotion.com/magazine/languages/a-complete-introduction-to-the-react-library/)
- [https://dev.to/muratkeremozcan/cypress-component-testing-vs-react-test-library-the-complete-comparison-28gn](https://dev.to/muratkeremozcan/cypress-component-testing-vs-react-test-library-the-complete-comparison-28gn)
- [https://dzone.com/articles/introduction-to-cypress-and-ui-test-automation-1](https://dzone.com/articles/introduction-to-cypress-and-ui-test-automation-1)
- [https://dzone.com/articles/best-practices-for-writing-unit-tests-a-comprehens](https://dzone.com/articles/best-practices-for-writing-unit-tests-a-comprehens)
- [https://dzone.com/articles/best-practices-for-using-cypress-for-front-end-aut](https://dzone.com/articles/best-practices-for-using-cypress-for-front-end-aut)
- [https://web3usecase.co/mastering-unit-testing-best-practices-4f9ecad894a0](https://web3usecase.co/mastering-unit-testing-best-practices-4f9ecad894a0)
- [https://www.freecodecamp.org/news/mastering-end-to-end-testing-with-cypress-for-javascript-applications/](https://www.freecodecamp.org/news/mastering-end-to-end-testing-with-cypress-for-javascript-applications/)
- [https://mtlynch.io/notes/cypress-vs-playwright/?ref=dailydev](https://mtlynch.io/notes/cypress-vs-playwright/?ref=dailydev)
- [https://www.freecodecamp.org/news/mastering-end-to-end-testing-with-cypress-for-javascript-applications/](https://www.freecodecamp.org/news/mastering-end-to-end-testing-with-cypress-for-javascript-applications/)
- [https://freecodecamp.org/news/how-to-setup-react-testing-library-with-nextjs/?ref=dailydev](https://freecodecamp.org/news/how-to-setup-react-testing-library-with-nextjs/?ref=dailydev)
- [https://blog.logrocket.com/advanced-guide-vitest-testing-mocking/?ref=dailydev](https://blog.logrocket.com/advanced-guide-vitest-testing-mocking/?ref=dailydev)
- [https://circleci.com/blog/viewport-testing-with-cypress/?ref=dailydev](https://circleci.com/blog/viewport-testing-with-cypress/?ref=dailydev)
- [https://devdojo.com/keploy/step-by-step-guide-to-testing-react-components-with-jest-and-react-testing-library](https://devdojo.com/keploy/step-by-step-guide-to-testing-react-components-with-jest-and-react-testing-library)
- [https://www.freecodecamp.org/news/how-to-test-javascript-code-with-jest/](https://www.freecodecamp.org/news/how-to-test-javascript-code-with-jest/)<
- [https://www.cypress.io/blog/debugging-with-cypress-vs-playwright](https://www.cypress.io/blog/debugging-with-cypress-vs-playwright)
- [https://medium.com/@mustafaskyer/getting-started-with-playwright-0cb92b8af81e](https://medium.com/@mustafaskyer/getting-started-with-playwright-0cb92b8af81e)
- [https://dev.to/mayallo/unit-integration-and-e2e-testing-in-one-example-using-jest-1h6p?ref=dailydev](https://dev.to/mayallo/unit-integration-and-e2e-testing-in-one-example-using-jest-1h6p?ref=dailydev)
- [https://brieflur.com/advanced-jest-techniques-mocks-spies-and-stubs/?ref=dailydev](https://brieflur.com/advanced-jest-techniques-mocks-spies-and-stubs/?ref=dailydev)
- [https://leapcell.io/blog/why-playwright-is-dominating-browser-automation-a-deep-dive?ref=dailydev](https://leapcell.io/blog/why-playwright-is-dominating-browser-automation-a-deep-dive?ref=dailydev)
## `React Architecture and Project setup`
- [https://blog.bitsrc.io/implementing-atomic-design-in-modern-react-development-d58d743a0f0b](https://blog.bitsrc.io/implementing-atomic-design-in-modern-react-development-d58d743a0f0b)
- [https://levelup.gitconnected.com/how-i-structure-my-react-projects-34b35e18f91e](https://levelup.gitconnected.com/how-i-structure-my-react-projects-34b35e18f91e)
- [https://reactjsexample.com/a-react-example-app-built-using-the-clean-architecture/](https://reactjsexample.com/a-react-example-app-built-using-the-clean-architecture/)
- [https://reactjsexample.com/clean-architecture-for-react/](https://reactjsexample.com/clean-architecture-for-react/)
- [https://itnext.io/react-project-architecture-641da390ebe7](https://itnext.io/react-project-architecture-641da390ebe7)
- [https://enlear.academy/implementing-atomic-design-in-modern-react-development-d58d743a0f0b](https://enlear.academy/implementing-atomic-design-in-modern-react-development-d58d743a0f0b)
- [https://reactjsexample.com/clean-architecture-for-react/](https://reactjsexample.com/clean-architecture-for-react/)
- [https://dev.to/ezranbayantemur/react-project-architecture-25m](https://dev.to/ezranbayantemur/react-project-architecture-25m)
- [https://dev.to/larswaechter/how-i-structure-my-react-projects-jii](https://dev.to/larswaechter/how-i-structure-my-react-projects-jii)
- [https://javascript.plainenglish.io/design-extensible-react-application-architecture-1c491e9ed525](https://javascript.plainenglish.io/design-extensible-react-application-architecture-1c491e9ed525)
- [https://reactjsexample.com/a-simple-react-application-with-redux-and-style-component/](https://reactjsexample.com/a-simple-react-application-with-redux-and-style-component/)
- [https://dev.to/bjakyt/how-i-structure-my-reactjs-projects-4cmc](https://dev.to/bjakyt/how-i-structure-my-reactjs-projects-4cmc)
- [https://blog.openreplay.com/react-architecture-patterns-for-your-projects](https://blog.openreplay.com/react-architecture-patterns-for-your-projects)
- [https://blog.logrocket.com/react-component-design-patterns-2022/](https://blog.logrocket.com/react-component-design-patterns-2022/)
- [https://dev.to/profydev/how-to-set-up-a-professional-react-project-including-screencast-180f](https://dev.to/profydev/how-to-set-up-a-professional-react-project-including-screencast-180f)
- [https://blog.bitsrc.io/an-object-oriented-react-app-design-6242c168fcf8](https://blog.bitsrc.io/an-object-oriented-react-app-design-6242c168fcf8)
- [https://cult.honeypot.io/reads/the-curious-case-of-react/](https://cult.honeypot.io/reads/the-curious-case-of-react/)
- [https://dev.to/perssondennis/react-anti-patterns-and-best-practices-dos-and-donts-3c2g](https://dev.to/perssondennis/react-anti-patterns-and-best-practices-dos-and-donts-3c2g)
- [https://blog.bitsrc.io/improve-react-component-maintainability-with-layered-architecture-25e74ba86430](https://blog.bitsrc.io/improve-react-component-maintainability-with-layered-architecture-25e74ba86430)
- [https://www.freecodecamp.org/news/how-to-build-a-react-app-different-ways/](https://www.freecodecamp.org/news/how-to-build-a-react-app-different-ways/)
- [https://www.freecodecamp.org/news/how-to-install-tailwindcss-in-react/](https://www.freecodecamp.org/news/how-to-install-tailwindcss-in-react/)
- [https://aws.plainenglish.io/deploy-mern-app-to-aws-using-cloudformation-and-ansible-5caeac42d502](https://aws.plainenglish.io/deploy-mern-app-to-aws-using-cloudformation-and-ansible-5caeac42d502)
- [https://dev.to/phukon/how-i-structure-my-react-projects-1lk?ref=dailydev](https://dev.to/phukon/how-i-structure-my-react-projects-1lk?ref=dailydev)
- [https://thetshaped.dev/p/10-ways-organize-and-design-react-application?ref=dailydev](https://thetshaped.dev/p/10-ways-organize-and-design-react-application?ref=dailydev)
- [https://www.geeksforgeeks.org/react-architecture-pattern-and-best-practices/?ref=dailydev](https://www.geeksforgeeks.org/react-architecture-pattern-and-best-practices/?ref=dailydev)
- [https://github.com/yeasin2002/react-ts-starter?ref=dailydev](https://github.com/yeasin2002/react-ts-starter?ref=dailydev)
- [https://github.com/Shpendrr/react-clean-architecture](https://github.com/Shpendrr/react-clean-architecture)
## `React checklist`
- [https://dev.to/theme_selection/ultimate-reactjs-resources-for-web-developers-2021-424c](https://dev.to/theme_selection/ultimate-reactjs-resources-for-web-developers-2021-424c)
- [https://dev.to/mikehtmlallthethings/svelte-vs-react-which-framework-to-learn-in-2023-50gf](https://dev.to/mikehtmlallthethings/svelte-vs-react-which-framework-to-learn-in-2023-50gf)
## `React with Webpack`
- [https://devdojo.com/myogeshchavan97/how-to-create-a-react-app-from-scratch-using-webpack-5-babel](https://devdojo.com/myogeshchavan97/how-to-create-a-react-app-from-scratch-using-webpack-5-babelgst)
- [https://hackernoon.com/34-stories-to-learn-about-webpack?source=rss](https://hackernoon.com/34-stories-to-learn-about-webpack?source=rss)
## `Error handling`
- [https://blog.bitsrc.io/react-error-handling-and-logging-best-practices-4444c57cd666](https://blog.bitsrc.io/react-error-handling-and-logging-best-practices-4444c57cd666)
- [https://blog.openreplay.com/catching-errors-in-react-with-error-boundaries](https://blog.openreplay.com/catching-errors-in-react-with-error-boundaries)
- [https://dev.to/artemmalko/error-boundaries-in-react-how-its-made-3lam](https://dev.to/artemmalko/error-boundaries-in-react-how-its-made-3lam)
- [https://adevnadia.medium.com/how-to-handle-errors-in-react-full-guide-bd02634ff523](https://adevnadia.medium.com/how-to-handle-errors-in-react-full-guide-bd02634ff523)
- [https://semaphoreci.com/blog/error-handling-layer-react](https://semaphoreci.com/blog/error-handling-layer-react)
- [https://www.freecodecamp.org/news/effective-error-handling-in-react-applications/?ref=dailydev](https://www.freecodecamp.org/news/effective-error-handling-in-react-applications/?ref=dailydev)
## `React with typescript`
- [https://dev.to/damiisdandy/ultimate-guide-to-setup-react-context-api-with-a-custom-hook-typescript-27kn](https://dev.to/damiisdandy/ultimate-guide-to-setup-react-context-api-with-a-custom-hook-typescript-27kn)
- [https://dmitripavlutin.com/typescript-react-components/](https://dmitripavlutin.com/typescript-react-components/)
- [https://dev.to/alim1496/react-with-typescript-1gp5](https://dev.to/alim1496/react-with-typescript-1gp5)
- [https://levelup.gitconnected.com/add-husky-lint-staged-to-react-typescript-b634314a9739](https://levelup.gitconnected.com/add-husky-lint-staged-to-react-typescript-b634314a9739)
- [https://techgirlamaka.hashnode.dev/react-components-and-typescriptpart-1-function-components](https://techgirlamaka.hashnode.dev/react-components-and-typescriptpart-1-function-components)
- [https://dev.to/alexeagleson/understanding-the-modern-web-stack-webpack-devserver-react-typescript-4b9b](https://dev.to/alexeagleson/understanding-the-modern-web-stack-webpack-devserver-react-typescript-4b9b)
- [https://www.edureka.co/blog/interview-questions/typescript-interview-questions/](https://www.edureka.co/blog/interview-questions/typescript-interview-questions/)
- [https://www.freecodecamp.org/news/how-to-code-your-react-app-with-typescript/](https://www.freecodecamp.org/news/how-to-code-your-react-app-with-typescript/)
- [https://reactjsexample.com/cheatsheets-for-experienced-react-developers-getting-started-with-typescript/](https://reactjsexample.com/cheatsheets-for-experienced-react-developers-getting-started-with-typescript/)
- [https://dev.to/adevnadia/advanced-typescript-for-react-developers-part-3-p4j](https://dev.to/adevnadia/advanced-typescript-for-react-developers-part-3-p4j)
- [https://www.freecodecamp.org/news/learn-typescript-beginners-guide/](https://www.freecodecamp.org/news/learn-typescript-beginners-guide/)
- [https://www.freecodecamp.org/news/build-strongly-typed-polymorphic-components-with-react-and-typescript/](https://www.freecodecamp.org/news/build-strongly-typed-polymorphic-components-with-react-and-typescript/)
- [https://pmbanugo.me/using-typescript-in-react-part-1](https://pmbanugo.me/using-typescript-in-react-part-1)
- [https://www.robinwieruch.de/typescript-react-component/](https://www.robinwieruch.de/typescript-react-component/)
- [https://www.thisdot.co/blog/composing-react-components-with-typescript](https://www.thisdot.co/blog/composing-react-components-with-typescript)
- [https://www.thisdot.co/blog/testing-web-components-with-cypress-and-typescript](https://www.thisdot.co/blog/testing-web-components-with-cypress-and-typescript)
- [https://angelika.me/2023/02/12/migrating-a-react-app-from-js-to-ts/](https://angelika.me/2023/02/12/migrating-a-react-app-from-js-to-ts/)
- [https://www.thisdot.co/blog/how-to-build-a-litelement-application-with-rollup-js-and-typescript](https://www.thisdot.co/blog/how-to-build-a-litelement-application-with-rollup-js-and-typescript)
- [https://dev.to/perssondennis/how-to-use-mvvm-in-react-using-hooks-and-typescript-3o4m](https://dev.to/perssondennis/how-to-use-mvvm-in-react-using-hooks-and-typescript-3o4m)
- [https://itnext.io/best-practices-of-typescript-decorator-pattern-in-react-the-future-of-react-36685d683a5a](https://itnext.io/best-practices-of-typescript-decorator-pattern-in-react-the-future-of-react-36685d683a5a)
- [https://dev.to/jagroop2001/learn-typescript-from-a-to-z-3a11](https://dev.to/jagroop2001/learn-typescript-from-a-to-z-3a11)
- [https://www.smashingmagazine.com/2023/05/guide-redux-toolkit-typescript/](https://www.smashingmagazine.com/2023/05/guide-redux-toolkit-typescript/)
- [https://www.jacobparis.com/content/react-ts?ref=dailydev](https://www.jacobparis.com/content/react-ts?ref=dailydev)
## `React with DynamoDB`
- [https://betterprogramming.pub/how-to-use-aws-dynamodb-in-react-70b55ffff93e](https://betterprogramming.pub/how-to-use-aws-dynamodb-in-react-70b55ffff93e)
## `React Resources`
- [https://dev.to/theme_selection/ultimate-reactjs-resources-for-web-developers-2021-424c](https://dev.to/theme_selection/ultimate-reactjs-resources-for-web-developers-2021-424c)
- [https://dev.to/buddhadebchhetri/react-cheatsheets-5978](https://dev.to/buddhadebchhetri/react-cheatsheets-5978)
- [https://devdojo.com/shreya/resources-to-learn-reactjs](https://devdojo.com/shreya/resources-to-learn-reactjs)
- [https://cult.honeypot.io/reads/8-best-react-courses-2022/](https://cult.honeypot.io/reads/8-best-react-courses-2022/)
- [https://www.freecodecamp.org/news/learn-react-router-6/](https://www.freecodecamp.org/news/learn-react-router-6/)
- [https://cult.honeypot.io/reads/react-developer-cheatsheets/](https://cult.honeypot.io/reads/react-developer-cheatsheets/)
- [https://www.freecodecamp.org/news/build-strongly-typed-polymorphic-components-with-react-and-typescript/](https://www.freecodecamp.org/news/build-strongly-typed-polymorphic-components-with-react-and-typescript/)
- [https://www.freecodecamp.org/news/free-react-course-2022/](https://www.freecodecamp.org/news/free-react-course-2022/)
- [https://www.syncfusion.com/blogs/post/virtual-dom-vs-shadow-dom-what-every-developer-should-know.aspx](https://www.syncfusion.com/blogs/post/virtual-dom-vs-shadow-dom-what-every-developer-should-know.aspx)
- [https://israelmitolu.hashnode.dev/a-beginners-guide-to-portals-in-react-everything-you-need-to-know](https://israelmitolu.hashnode.dev/a-beginners-guide-to-portals-in-react-everything-you-need-to-know)
- [https://dev.to/disukharev/how-to-learn-react-in-43-seconds-320e](https://dev.to/disukharev/how-to-learn-react-in-43-seconds-320e)
- [https://baguilar6174.medium.com/react-design-patterns-6ab55c5ebafb](https://baguilar6174.medium.com/react-design-patterns-6ab55c5ebafb)
- [https://prismic.io/blog/react-component-libraries?ref=dailydev](https://prismic.io/blog/react-component-libraries?ref=dailydev)
- [https://www.developerway.com/posts/react-re-renders-guide?ref=dailydev#part3.1](https://www.developerway.com/posts/react-re-renders-guide?ref=dailydev#part3.1)
- [https://dev.to/pramod_boda/recommended-folder-structure-for-react-2025-48mc?ref=dailydev](https://dev.to/pramod_boda/recommended-folder-structure-for-react-2025-48mc?ref=dailydev)
## `Redux`
- [https://enlear.academy/redux-explained-simply-ffd6f16aa1ca](https://enlear.academy/redux-explained-simply-ffd6f16aa1ca)
- [https://www.valentinog.com/blog/redux/](https://www.valentinog.com/blog/redux/)
- [https://dev.to/thesanjeevsharma/just-redux-the-complete-guide-44d5?signin=true](https://dev.to/thesanjeevsharma/just-redux-the-complete-guide-44d5?signin=true)
- [https://blog.openreplay.com/using-recoil-instead-of-redux-for-state-management-in-react-applications](https://blog.openreplay.com/using-recoil-instead-of-redux-for-state-management-in-react-applications)
- [https://lo-victoria.com/introduction-to-redux-toolkit-for-beginners](https://lo-victoria.com/introduction-to-redux-toolkit-for-beginners)
- [https://reactjsexample.com/redux-concepts-and-data-flow/](https://reactjsexample.com/redux-concepts-and-data-flow/)
- [https://javascript.plainenglish.io/lets-understand-redux-in-a-simple-manner-da85f296cb49](https://javascript.plainenglish.io/lets-understand-redux-in-a-simple-manner-da85f296cb49)
- [https://javascript.plainenglish.io/step-by-step-tutorial-react-redux-2022-with-hooks-3b5d63b18be9](https://javascript.plainenglish.io/step-by-step-tutorial-react-redux-2022-with-hooks-3b5d63b18be9)
- [https://www.freecodecamp.org/news/what-is-redux-store-actions-reducers-explained/](https://www.freecodecamp.org/news/what-is-redux-store-actions-reducers-explained/)
- [https://blog.openreplay.com/understanding-redux-thunk-for-react--the-big-picture/](https://blog.openreplay.com/understanding-redux-thunk-for-react--the-big-picture/)
- [https://www.thisdot.co/blog/introduction-to-redux-pattern](https://www.thisdot.co/blog/introduction-to-redux-pattern)
- [https://www.freecodecamp.org/news/learn-react-18-with-redux-toolkit/](https://www.freecodecamp.org/news/learn-react-18-with-redux-toolkit/)
- [https://blog.bitsrc.io/mastering-redux-a-balanced-analysis-with-code-examples-for-react-developers-fe3cc0feb775](https://blog.bitsrc.io/mastering-redux-a-balanced-analysis-with-code-examples-for-react-developers-fe3cc0feb775)
- [https://dd.engineering/blog/a-practical-introduction-to-using-redux-with-react](https://dd.engineering/blog/a-practical-introduction-to-using-redux-with-react)
- [https://dev.to/gautham495/react-with-redux-the-definitive-guide-4gbj](https://dev.to/gautham495/react-with-redux-the-definitive-guide-4gbj)
- [https://www.sitepoint.com/top-redux-alternatives-exploring-state-management-solutions/?utm_source=rss&ref=dailydev](https://www.sitepoint.com/top-redux-alternatives-exploring-state-management-solutions/?utm_source=rss&ref=dailydev)
- [https://dev.to/ibrahima92/7-steps-to-understand-react-redux-121j?ref=dailydev](https://dev.to/ibrahima92/7-steps-to-understand-react-redux-121j?ref=dailydev)
- [https://towardsdev.com/redux-from-scratch-implementation-205c5b3be018](https://towardsdev.com/redux-from-scratch-implementation-205c5b3be018)
- [https://codaily.dev/blog/react/the-battle-of-state-management-react-hooks-vs-redux?ref=dailydev](https://codaily.dev/blog/react/the-battle-of-state-management-react-hooks-vs-redux?ref=dailydev)
- [https://www.freecodecamp.org/news/learn-redux-and-redux-toolkit-for-state-management/?ref=dailydev](https://www.freecodecamp.org/news/learn-redux-and-redux-toolkit-for-state-management/?ref=dailydev)
- [https://blog.logrocket.com/advanced-react-state-management-using-url-parameters/?ref=dailydev](https://blog.logrocket.com/advanced-react-state-management-using-url-parameters/?ref=dailydev)
## `React GraphQL`
- [https://blog.openreplay.com/fetching-data-from-graphql-apis-with-apollo-react](https://blog.openreplay.com/fetching-data-from-graphql-apis-with-apollo-react)
- [https://www.section.io/engineering-education/create-in-browser-graphiql-tool-with-reactjs/](https://www.section.io/engineering-education/create-in-browser-graphiql-tool-with-reactjs/)
- [https://amplication.com/blog/best-practices-in-testing-graphql-apis](https://amplication.com/blog/best-practices-in-testing-graphql-apis)
## `React Github`
- [https://github.com/streamich/react-use](https://github.com/streamich/react-use)
- [https://github.com/Asabeneh/30-Days-Of-React](https://github.com/Asabeneh/30-Days-Of-React)
- [https://github.com/jeromedalbert/real-world-react-apps/tree/master/apps](https://github.com/jeromedalbert/real-world-react-apps/tree/master/apps)
- [https://github.com/vasanthk/react-bits](https://github.com/vasanthk/react-bits)
- [https://github.com/brillout/awesome-react-components](https://github.com/brillout/awesome-react-components)
- [https://github.com/deepsweet/hocs](https://github.com/deepsweet/hocs)
- [https://github.com/antonioru/beautiful-react-hooks](https://github.com/antonioru/beautiful-react-hooks)
- [https://github.com/piotrwitek/react-redux-typescript-guide](https://github.com/piotrwitek/react-redux-typescript-guide)
- [https://github.com/typescript-cheatsheets/react](https://github.com/typescript-cheatsheets/react)
- [https://github.com/ohansemmanuel/react-hooks-cheatsheet](https://github.com/ohansemmanuel/react-hooks-cheatsheet)
- [https://github.com/krasimir/react-in-patterns](https://github.com/krasimir/react-in-patterns)
- [https://github.com/moelzanaty3/react-18-workshop](https://github.com/moelzanaty3/react-18-workshop)
- [https://github.com/Bogdan-Lyashenko/Under-the-hood-ReactJS](https://github.com/Bogdan-Lyashenko/Under-the-hood-ReactJS)
- [https://github.com/adam-golab/react-developer-roadmap](https://github.com/adam-golab/react-developer-roadmap)
- [https://github.com/tyroprogrammer/learn-react-app](https://github.com/tyroprogrammer/learn-react-app)
- [https://github.com/vasanthk/react-bits](https://github.com/vasanthk/react-bits)
- [https://github.com/enaqx/awesome-react](https://github.com/enaqx/awesome-react)
- [https://github.com/typescript-cheatsheets/react](https://github.com/typescript-cheatsheets/react)
- [https://github.com/Bogdan-Lyashenko/Under-the-hood-ReactJS](https://github.com/Bogdan-Lyashenko/Under-the-hood-ReactJS)
- [https://github.com/piotrwitek/react-redux-typescript-guide](https://github.com/piotrwitek/react-redux-typescript-guide)
- [https://github.com/antonioru/beautiful-react-hooks](https://github.com/antonioru/beautiful-react-hooks)
- [https://github.com/krasimir/react-in-patterns](https://github.com/krasimir/react-in-patterns)
- [https://github.com/sudheerj/reactjs-interview-questions](https://github.com/sudheerj/reactjs-interview-questions)
- [https://github.com/alexgurr/react-coding-challenges](https://github.com/alexgurr/react-coding-challenges)
- [https://hojaleaks.com/10-github-repositories-every-react-developer-must-know?ref=dailydev](https://hojaleaks.com/10-github-repositories-every-react-developer-must-know?ref=dailydev)
- [https://github.com/rehooks/awesome-react-hooks](https://github.com/rehooks/awesome-react-hooks)
- [https://github.com/alan2207/bulletproof-react?tab=readme-ov-file](https://github.com/alan2207/bulletproof-react?tab=readme-ov-file)
- [https://dev.to/jrmarcio_/github-repositories-every-software-engineer-should-know-2e80?ref=dailydev](https://dev.to/jrmarcio_/github-repositories-every-software-engineer-should-know-2e80?ref=dailydev)
- [https://dev.to/livecycle/top-github-repositories-to-learn-modern-react-development-5d3h?ref=dailydev](https://dev.to/livecycle/top-github-repositories-to-learn-modern-react-development-5d3h?ref=dailydev)
## React Linkedin
- [https://www.linkedin.com/pulse/ultimate-react-developers-digest-top-picks-from-past-few-/](https://www.linkedin.com/pulse/ultimate-react-developers-digest-top-picks-from-past-few-/)
## React Router
- [https://jasonwatmore.com/post/2022/06/24/react-router-6-private-route-component-to-restrict-access-to-protected-pages](https://jasonwatmore.com/post/2022/06/24/react-router-6-private-route-component-to-restrict-access-to-protected-pages)
- [https://www.freecodecamp.org/news/improve-user-experience-in-react-by-animating-routes-using-framer-motion/](https://www.freecodecamp.org/news/improve-user-experience-in-react-by-animating-routes-using-framer-motion/)
- [https://www.c-sharpcorner.com/blogs/react-router](https://www.c-sharpcorner.com/blogs/react-router)
- [https://hackernoon.com/advanced-react-router-v6-techniques-going-beyond-the-basics?source=rss](https://hackernoon.com/advanced-react-router-v6-techniques-going-beyond-the-basics?source=rss)
- [https://hackernoon.com/mastering-nested-routes-for-robust-web-applications-using-react-router-v6?source=rss](https://hackernoon.com/mastering-nested-routes-for-robust-web-applications-using-react-router-v6?source=rss)
- [https://www.freecodecamp.org/news/learn-react-router-v6-course/?ref=dailydev](https://www.freecodecamp.org/news/learn-react-router-v6-course/?ref=dailydev)
- [https://dev.to/this-is-learning/tanstack-router-nesting-404-pages-36f9?ref=dailydev](https://dev.to/this-is-learning/tanstack-router-nesting-404-pages-36f9?ref=dailydev)
- [https://www.freecodecamp.org/news/learn-react-router-v6-course/](https://www.freecodecamp.org/news/learn-react-router-v6-course/)
- [https://www.freecodecamp.org/news/use-react-router-to-build-single-page-applications/?ref=dailydev](https://www.freecodecamp.org/news/use-react-router-to-build-single-page-applications/?ref=dailydev)
- [https://swizec.com/blog/tips-from-8-months-of-tan-stack-router-in-production/?ref=dailydev](https://swizec.com/blog/tips-from-8-months-of-tan-stack-router-in-production/?ref=dailydev)
- [https://appwrite.io/blog/post/react-protected-routes?ref=dailydev](https://appwrite.io/blog/post/react-protected-routes?ref=dailydev)
## React vs
- [https://www.sitepoint.com/vue-vs-react/?utm_source=newsletter&utm_medium=email&utm_campaign=vue_vs_react_let_the_fight_begin&utm_term=2023-03-14#flexibilityinvue](https://www.sitepoint.com/vue-vs-react/?utm_source=newsletter&utm_medium=email&utm_campaign=vue_vs_react_let_the_fight_begin&utm_term=2023-03-14#flexibilityinvue)
- [https://dev.to/ishratumar/nextjs-vs-react-which-is-the-best-for-your-project-1eim](https://dev.to/ishratumar/nextjs-vs-react-which-is-the-best-for-your-project-1eim)
- [https://www.toptal.com/next-js/next-js-vs-react](https://www.toptal.com/next-js/next-js-vs-react)
- [https://www.freecodecamp.org/news/front-end-javascript-development-react-angular-vue-compared/](https://www.freecodecamp.org/news/front-end-javascript-development-react-angular-vue-compared/)
- [https://hackernoon.com/why-react-developers-love-preact?source=rss](https://hackernoon.com/why-react-developers-love-preact?source=rss)
- [https://www.brandfordtech.com/posts/next-js-vs-react-which-one-is-better-for-your-web-development-needs](https://www.brandfordtech.com/posts/next-js-vs-react-which-one-is-better-for-your-web-development-needs)
- [https://dzone.com/articles/nextjs-vs-react-the-ultimate-guide-to-choosing-the](https://dzone.com/articles/nextjs-vs-react-the-ultimate-guide-to-choosing-the)
- [https://www.freecodecamp.org/news/nextjs-vs-react-differences/?ref=dailydev](https://www.freecodecamp.org/news/nextjs-vs-react-differences/?ref=dailydev)
## React newsletter
- [https://thisweekinreact.com/](https://thisweekinreact.com/)
## React Query
- [https://dev.to/this-is-learning/react-query-abort-request-31j6](https://dev.to/this-is-learning/react-query-abort-request-31j6)
- [https://tkdodo.eu/blog/react-query-and-react-context](https://tkdodo.eu/blog/react-query-and-react-context)
- [https://blog.openreplay.com/enhancing-performance-with-react-query-caching/?ref=dailydev](https://blog.openreplay.com/enhancing-performance-with-react-query-caching/?ref=dailydev)
- [https://www.logicroom.co/blog/should-you-use-react-query?ref=dailydev](https://www.logicroom.co/blog/should-you-use-react-query?ref=dailydev)
- [https://blog.openreplay.com/tanstack-form--all-in-one-form-handling-for-react/?ref=dailydev](https://blog.openreplay.com/tanstack-form--all-in-one-form-handling-for-react/?ref=dailydev)
- [https://tigerabrodi.blog/become-expert-in-react-query?ref=dailydev](https://tigerabrodi.blog/become-expert-in-react-query?ref=dailydev)
- [https://www.bigbinary.com/blog/migrating-to-tanstack-query-v5?ref=dailydev](https://www.bigbinary.com/blog/migrating-to-tanstack-query-v5?ref=dailydev)
## React deployment
- [https://morioh.com/p/a2d3e3970a8c?f=603c719d1528b00f7934320a](https://morioh.com/p/a2d3e3970a8c?f=603c719d1528b00f7934320a)
- [https://www.freecodecamp.org/news/how-to-dockerize-a-react-application/](https://www.freecodecamp.org/news/how-to-dockerize-a-react-application/)
- [https://awstip.com/authentication-with-aws-cognito-and-react-js-part-4-e564acdfc74c](https://awstip.com/authentication-with-aws-cognito-and-react-js-part-4-e564acdfc74c)
## React Tools
- [https://blog.stackblitz.com/posts/viteconf-is-back/](https://blog.stackblitz.com/posts/viteconf-is-back/)
- [https://dev.to/timwjames/the-best-eslint-rules-for-react-projects-30i8](https://dev.to/timwjames/the-best-eslint-rules-for-react-projects-30i8)
## React webworkers
- [https://dev.to/sumankalia/web-workers-in-reactjs-4bc7](https://dev.to/sumankalia/web-workers-in-reactjs-4bc7)
- [https://ably.com/blog/websockets-react-tutorial?ref=dailydev](https://ably.com/blog/websockets-react-tutorial?ref=dailydev)
## React Material
- [https://semaphoreci.com/blog/dark-mode-reactjs-material-ui?ref=dailydev](https://semaphoreci.com/blog/dark-mode-reactjs-material-ui?ref=dailydev)
## React Migration
- [https://blog.bitsrc.io/how-to-migrate-faster-to-react-js-e8320610d9d5](https://blog.bitsrc.io/how-to-migrate-faster-to-react-js-e8320610d9d5)
## React Modern development
- [https://blog.bitsrc.io/modern-approach-to-react-development-090358b04e7d](https://blog.bitsrc.io/modern-approach-to-react-development-090358b04e7d)
- [https://www.freecodecamp.org/news/learn-react-key-concepts/](https://www.freecodecamp.org/news/learn-react-key-concepts/)
- [https://webdeveloper.beehiiv.com/p/2024-09-22?ref=dailydev](https://webdeveloper.beehiiv.com/p/2024-09-22?ref=dailydev)
- [https://dev.to/nicolalc/event-driven-architecture-for-clean-react-component-communication-fph?ref=dailydev](https://dev.to/nicolalc/event-driven-architecture-for-clean-react-component-communication-fph?ref=dailydev)
## React API
- [https://www.freecodecamp.org/news/how-work-with-restful-apis-in-react-simplified-steps-and-practical-examples/?ref=dailydev](https://www.freecodecamp.org/news/how-work-with-restful-apis-in-react-simplified-steps-and-practical-examples/?ref=dailydev)
- [https://www.freecodecamp.org/news/how-to-fetch-api-data-in-react/](https://www.freecodecamp.org/news/how-to-fetch-api-data-in-react/)
## React 2024
- [https://www.freecodecamp.org/news/how-to-learn-react-step-by-step/](https://www.freecodecamp.org/news/how-to-learn-react-step-by-step/)
- [https://www.freecodecamp.org/news/react-projects-to-build-in-2024/](https://www.freecodecamp.org/news/react-projects-to-build-in-2024/)
- [https://www.freecodecamp.org/news/react-libraries-to-use-in-your-projects/](https://www.freecodecamp.org/news/react-libraries-to-use-in-your-projects/)
## React Micro Frontend
- [https://github.com/lequochung19971/micro-fe-react](https://github.com/lequochung19971/micro-fe-react)
- [https://dev.to/lakincoder/micro-frontend-frameworks-in-2024-265f](https://dev.to/lakincoder/micro-frontend-frameworks-in-2024-265f)
- [https://blog.bitsrc.io/micro-frontend-architecture-a-guide-28f78ce825ad](https://blog.bitsrc.io/micro-frontend-architecture-a-guide-28f78ce825ad)
- [https://blog.logrocket.com/build-micro-frontend-application-react/?ref=dailydev](https://blog.logrocket.com/build-micro-frontend-application-react/?ref=dailydev)
- [https://dev.to/onepoint/setup-a-micro-frontend-architecture-in-15min-with-vite-4pbg](https://dev.to/onepoint/setup-a-micro-frontend-architecture-in-15min-with-vite-4pbg)
## ReactJS Books
- [https://www.freecodecamp.org/news/react-for-beginners-handbook/?ref=dailydev](https://www.freecodecamp.org/news/react-for-beginners-handbook/?ref=dailydev)
## ReactJS 19
- [https://www.codingcrafts.io/blog/react-19-upcoming-major-release/?ref=dailydev](https://www.codingcrafts.io/blog/react-19-upcoming-major-release/?ref=dailydev)
- [https://www.freecodecamp.org/news/new-react-19-features/?ref=dailydev#-can-i-use-react-19-now](https://www.freecodecamp.org/news/new-react-19-features/?ref=dailydev#-can-i-use-react-19-now)
- [https://www.freecodecamp.org/news/how-to-handle-events-in-react-19/?ref=dailydev](https://www.freecodecamp.org/news/how-to-handle-events-in-react-19/?ref=dailydev)
- [https://blog.saeloun.com/2024/06/05/new-hooks-in-react-19/?ref=dailydev](https://blog.saeloun.com/2024/06/05/new-hooks-in-react-19/?ref=dailydev)
- [https://www.freecodecamp.org/news/whats-new-in-react-19/](https://www.freecodecamp.org/news/whats-new-in-react-19/)
- [https://www.freecodecamp.org/news/react-19-actions-simpliy-form-submission-and-loading-states/](https://www.freecodecamp.org/news/react-19-actions-simpliy-form-submission-and-loading-states/)
- [https://www.epicreact.dev/react-19-cheatsheet?ref=dailydev](https://www.epicreact.dev/react-19-cheatsheet?ref=dailydev)
- [https://dev.to/vyan/whats-new-in-react-19-a-deep-dive-into-the-latest-features-3gp2?ref=dailydev](https://dev.to/vyan/whats-new-in-react-19-a-deep-dive-into-the-latest-features-3gp2?ref=dailydev)
- [https://www.freecodecamp.org/news/new-react-19-features-you-should-know-with-code-examples/?ref=dailydev](https://www.freecodecamp.org/news/new-react-19-features-you-should-know-with-code-examples/?ref=dailydev)
- [https://www.syncfusion.com/blogs/post/whats-new-in-react-19?ref=dailydev](https://www.syncfusion.com/blogs/post/whats-new-in-react-19?ref=dailydev)
- [https://dev.to/thisweekinjavascript/react-19-finally-stable-new-rust-based-javascript-framework-new-developer-tools-and-more-5aj5?ref=dailydev](https://dev.to/thisweekinjavascript/react-19-finally-stable-new-rust-based-javascript-framework-new-developer-tools-and-more-5aj5?ref=dailydev)
- [https://flaviocopes.com/the-useformstatus-hook/?ref=dailydev](https://flaviocopes.com/the-useformstatus-hook/?ref=dailydev)
- [https://aleks-elkin.github.io/posts/2024-12-06-react-19/?ref=dailydev](https://aleks-elkin.github.io/posts/2024-12-06-react-19/?ref=dailydev)
- [https://dev.to/mukhilpadmanabhan/react-19-the-features-you-need-to-know-55h6?ref=dailydev](https://dev.to/mukhilpadmanabhan/react-19-the-features-you-need-to-know-55h6?ref=dailydev)
- [https://blog.logrocket.com/how-react-19-can-help-you-make-faster-websites/?ref=dailydev](https://blog.logrocket.com/how-react-19-can-help-you-make-faster-websites/?ref=dailydev)
## ReactJS principles
- [https://medium.com/@tech-adventurer/react-and-s-o-l-i-d-principles-building-robust-applications-part-1-7423a2313517](https://medium.com/@tech-adventurer/react-and-s-o-l-i-d-principles-building-robust-applications-part-1-7423a2313517)
## ReactJS with dev-ops projects
- [https://medium.com/@kilamaelie/build-and-deploy-a-reactjs-app-to-aws-ec2-with-docker-nginx-and-automate-with-github-actions-d8c57fb47967](https://medium.com/@kilamaelie/build-and-deploy-a-reactjs-app-to-aws-ec2-with-docker-nginx-and-automate-with-github-actions-d8c57fb47967)
## ReactJS Server components
- [https://tonyalicea.dev/blog/understanding-react-server-components/?ref=dailydev](https://tonyalicea.dev/blog/understanding-react-server-components/?ref=dailydev)
## ReactJS boilerplate
- [https://dev.to/pramod_boda/recommended-folder-structure-for-react-2025-48mc?ref=dailydev](https://dev.to/pramod_boda/recommended-folder-structure-for-react-2025-48mc?ref=dailydev)
## ReactJS with AI
- [https://www.robinwieruch.de/react-ai-chat/?ref=dailydev](https://www.robinwieruch.de/react-ai-chat/?ref=dailydev)