Useful ReactJS links - Study Guide
Tags: react, interview, links, performance
Published: 2023-04-08 01:26:15

---
title: Useful ReactJS links - Study Guide
published: true
description: To crack ReactJs interview listed some of the useful links
tags: ReactJS, Interview, links, performance 
# cover_image: https://direct_url_to_image.jpg
# Use a ratio of 100:42 for best results.
# published_at: 2023-04-08 01:17 +0000
---

Hey Guys !! 

I have listed some of the useful links which will help you to crack ReactJS interview.

[ReactJS Github](https://github.com/a8hok/ReactJS-Interview)

Please find the table of contents,

```
React Life cycle
React Road map for beginners
React Performance
React tips and Tricks
React Hooks
React Libraries
React interview questions
React Learn
React Projects
React Unittest
Architecture
React checklist
React with WebPack
Error handling
React with typescript
React with DynamoDB
NextJS
React Resources
Redux
React GraphQL
React Github
React Linkedin
React Router
```


## `React Life cycle`
 - [https://medium.com/swlh/react-lifecycle-hooks-71547ef4e7a8](https://medium.com/swlh/react-lifecycle-hooks-71547ef4e7a8)<br>
 - [https://blog.pusher.com/beginners-guide-react-component-lifecycle/](https://blog.pusher.com/beginners-guide-react-component-lifecycle/)<br>
 - [https://www.topcoder.com/thrive/articles/lifecycle-methods-in-react-js](https://www.topcoder.com/thrive/articles/lifecycle-methods-in-react-js)<br>

## `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)<br>
 - [https://dev.to/digvijayjadhav98/roadmap-for-react-js-2022-4ccn](https://dev.to/digvijayjadhav98/roadmap-for-react-js-2022-4ccn)<br>
 - [https://dev.to/dhiwise/advanced-roadmap-for-reactjs-developers-108d](https://dev.to/dhiwise/advanced-roadmap-for-reactjs-developers-108d)<br>
 
 
## `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/)<br>
 - [https://javascript.plainenglish.io/react-app-performance-optimization-the-definitive-guide-9b658be3b6e4](https://javascript.plainenglish.io/react-app-performance-optimization-the-definitive-guide-9b658be3b6e4)<br>
 - [https://hackernoon.com/top-9-tips-to-improve-react-performance?source=rss](https://hackernoon.com/top-9-tips-to-improve-react-performance?source=rss)<br>
 - [https://dev.to/asjadanis/optimizing-react-app-performance-16lp](https://dev.to/asjadanis/optimizing-react-app-performance-16lp)<br>
 - [https://medium.com/@khannapranshu33/react-performance-tips-a74f03efe437](https://medium.com/@khannapranshu33/react-performance-tips-a74f03efe437)<br>
 - [https://medium.com/@caglayanyanikoglu/react-performance-improvements-356f81b1904f](https://medium.com/@caglayanyanikoglu/react-performance-improvements-356f81b1904f)<br>
 - [https://dev.to/ahmedgmurtaza/react-performance-optimization-usememo-vs-usecallback-2p2a](https://dev.to/ahmedgmurtaza/react-performance-optimization-usememo-vs-usecallback-2p2a)<br>
 - [https://www.paulsblog.dev/advanced-react-ui-components-to-optimize-development-process/](https://www.paulsblog.dev/advanced-react-ui-components-to-optimize-development-process/)<br>
 - [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)<br>
 - [https://blog.bitsrc.io/rendering-images-the-better-way-f0963c25ef04](https://blog.bitsrc.io/rendering-images-the-better-way-f0963c25ef04)<br>
 - [https://nerdleveltech.com/how-to-be-better-with-performance-optimization-in-react/](https://nerdleveltech.com/how-to-be-better-with-performance-optimization-in-react/)<br>
 - [https://dzone.com/articles/how-to-improve-reactjs-website-performance](https://dzone.com/articles/how-to-improve-reactjs-website-performance)<br>
 - [https://nerdleveltech.com/how-to-be-better-in-react-code-reusability-part1/](https://nerdleveltech.com/how-to-be-better-in-react-code-reusability-part1/)<br>
 - [https://dev.to/devland/how-to-optimize-your-react-apps-performance-1045](https://dev.to/devland/how-to-optimize-your-react-apps-performance-1045)<br>
 - [https://howtocrackit.com/mastering-react-memo-for-optimal-performance-tips-and-tricks/](https://howtocrackit.com/mastering-react-memo-for-optimal-performance-tips-and-tricks/)<br>

## `React tips and Tricks`
- [https://dev.to/wojtekmaj/optimizing-react-app-hardcore-edition-2h1](https://dev.to/wojtekmaj/optimizing-react-app-hardcore-edition-2h1)<br>
- [https://daily.dev/blog/building-react-micro-components-with-styled-system](https://daily.dev/blog/building-react-micro-components-with-styled-system)<br>
- [https://betterprogramming.pub/21-best-practices-for-a-clean-react-project-df788a682fb](https://betterprogramming.pub/21-best-practices-for-a-clean-react-project-df788a682fb)<br>
- [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)<br>
- [https://luisarbezerra.com/react-clean-code-for-beginners](https://luisarbezerra.com/react-clean-code-for-beginners)<br>
- [https://blog.logrocket.com/react-reference-guide-hooks-api/](https://blog.logrocket.com/react-reference-guide-hooks-api/)<br>
- [https://betterprogramming.pub/21-best-practices-for-a-clean-react-project-df788a682fb](https://betterprogramming.pub/21-best-practices-for-a-clean-react-project-df788a682fb)<br>
- [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)<br>
- [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)<br>
- [https://dzone.com/articles/best-coding-practices-in-reactjs](https://dzone.com/articles/best-coding-practices-in-reactjs)<br>
- [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/)<br>
- [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)<br>
- [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)<br>
- [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)<br>
- [https://dev.to/ahmedgmurtaza/react-performance-optimization-usememo-vs-usecallback-2p2a](https://dev.to/ahmedgmurtaza/react-performance-optimization-usememo-vs-usecallback-2p2a)<br>
 - [https://dzone.com/articles/5-tips-for-optimizing-your-react-apps-performance](https://dzone.com/articles/5-tips-for-optimizing-your-react-apps-performance)<br>
 - [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)<br>
 - [https://www.joshwcomeau.com/react/common-beginner-mistakes/](https://www.joshwcomeau.com/react/common-beginner-mistakes/)<br>
 - [https://blog.devgenius.io/solid-principles-in-reactjs-1d225dd22a3f](https://blog.devgenius.io/solid-principles-in-reactjs-1d225dd22a3f)<br>
 - [https://nerdleveltech.com/how-to-be-better-in-react-code-reusability-part2/](https://nerdleveltech.com/how-to-be-better-in-react-code-reusability-part2/)<br>
 - [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)<br>
 - [https://dev.to/codeofrelevancy/take-your-code-to-the-other-side-48p3](https://dev.to/codeofrelevancy/take-your-code-to-the-other-side-48p3)<br>
 - [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/)<br>

## `React Hooks`
- [https://javascript.plainenglish.io/react-hooks-the-complete-guide-5c176ca825f6](https://javascript.plainenglish.io/react-hooks-the-complete-guide-5c176ca825f6)<br>
[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)<br>
- [https://dmitripavlutin.com/react-usememo-hook/](https://dmitripavlutin.com/react-usememo-hook/)<br>
- [https://dev.to/jonathanrodriguezs/react-design-patterns-33id](https://dev.to/jonathanrodriguezs/react-design-patterns-33id)<br>
- [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)<br>
- [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)<br>
- [https://www.freecodecamp.org/news/react-hooks-cheatsheet/](https://www.freecodecamp.org/news/react-hooks-cheatsheet/)<br>
- [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/)<br>
- [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/)<br>
- [https://javascript.plainenglish.io/epic-react-react-hooks-ceb04b8ec513](https://javascript.plainenglish.io/epic-react-react-hooks-ceb04b8ec513)<br>
- [https://www.freecodecamp.org/news/how-to-create-react-hooks/](https://www.freecodecamp.org/news/how-to-create-react-hooks/)<br>
- [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)<br>
- [https://medium.com/@souravsaha101/react-hooks-complete-interview-guide-44dbfe3841b4](https://medium.com/@souravsaha101/react-hooks-complete-interview-guide-44dbfe3841b4)<br>
- [https://pulackh.medium.com/react-js-summary-on-react-hooks-934bf25c3b2a](https://pulackh.medium.com/react-js-summary-on-react-hooks-934bf25c3b2a)<br>
- [https://enlear.academy/types-of-react-hooks-best-practices-45c275b55b1f](https://enlear.academy/types-of-react-hooks-best-practices-45c275b55b1f)<br>
- [https://dev.to/imrishabh18/simplest-custom-hook-to-persist-data-1odd](https://dev.to/imrishabh18/simplest-custom-hook-to-persist-data-1odd)<br>
- [https://dev.to/surajmore98/hooks-in-react-4f6a](https://dev.to/surajmore98/hooks-in-react-4f6a)<br>
- [https://dev.to/dev117uday/react-hooks-0-to-hero-4b7o](https://dev.to/dev117uday/react-hooks-0-to-hero-4b7o)<br>
- [https://blog.logrocket.com/options-caching-react/](https://blog.logrocket.com/options-caching-react/)<br>
- [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)<br>
- [https://blog.greenroots.info/react-hook-usestate-lazy-initialization-previous-state](https://blog.greenroots.info/react-hook-usestate-lazy-initialization-previous-state)<br>
- [https://blog.greenroots.info/react-useeffect-hook-usages-you-must-know](https://blog.greenroots.info/react-useeffect-hook-usages-you-must-know)<br>
- [https://www.robinwieruch.de/react-uselocalstorage-hook/](https://www.robinwieruch.de/react-uselocalstorage-hook/)<br>
- [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)<br>
- [https://ehsangazar.com/best-tutorial-for-11-react-hooks-5acb90463d6f?gi=6351bbe83221](https://ehsangazar.com/best-tutorial-for-11-react-hooks-5acb90463d6f?gi=6351bbe83221)<br>
- [https://dev.to/builderio/a-cure-for-react-usestate-hell-1ldi](https://dev.to/builderio/a-cure-for-react-usestate-hell-1ldi)<br>
- [https://www.freecodecamp.org/news/full-guide-to-react-hooks/](https://www.freecodecamp.org/news/full-guide-to-react-hooks/)<br>
- [https://dev.to/builderio/a-cure-for-react-usestate-hell-1ldi](https://dev.to/builderio/a-cure-for-react-usestate-hell-1ldi)<br>
- [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)<br>
- [https://www.smashingmagazine.com/2020/11/react-useref-hook/](https://www.smashingmagazine.com/2020/11/react-useref-hook/)<br>
- [https://blog.openreplay.com/understanding-react-hooks/](https://blog.openreplay.com/understanding-react-hooks/)<br>
- [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)<br>
- [https://javascript.plainenglish.io/stop-using-usememo-now-e5d07d2bbf70](https://javascript.plainenglish.io/stop-using-usememo-now-e5d07d2bbf70)<br>
- [https://medium.com/@ishahmeer/mastering-reacts-useeffect-hook-a-comprehensive-guide-950f2c7836e6](https://medium.com/@ishahmeer/mastering-reacts-useeffect-hook-a-comprehensive-guide-950f2c7836e6)<br>

## `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)<br>
- [https://www.freecodecamp.org/news/react-libraries-you-should-use/](https://www.freecodecamp.org/news/react-libraries-you-should-use/)<br>
- [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)<br>
- [https://dev.to/undefinedhere/every-react-developer-should-know-these-libraries-17mg](https://dev.to/undefinedhere/every-react-developer-should-know-these-libraries-17mg)<br>
- [https://dev.to/raftlabs/best-ui-frameworks-for-react-js-b49](https://dev.to/raftlabs/best-ui-frameworks-for-react-js-b49)<br>
- [https://cult.honeypot.io/reads/best-react-developer-tools-2021/](https://cult.honeypot.io/reads/best-react-developer-tools-2021/)<br>
- [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)<br>
- [https://blog.openreplay.com/top-6-react-state-management-libraries-for-2022](https://blog.openreplay.com/top-6-react-state-management-libraries-for-2022)<br>
- [https://blog.logrocket.com/create-custom-debounce-hook-react/](https://blog.logrocket.com/create-custom-debounce-hook-react/)<br>
- [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)<br>
- [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)<br>
- [https://dev.to/this-is-learning/react-query-useisfetching-useismutation-4dkb](https://dev.to/this-is-learning/react-query-useisfetching-useismutation-4dkb)<br>

## `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)<br>
 - [https://blog.avneesh.tech/5-react-interview-questions](https://blog.avneesh.tech/5-react-interview-questions)<br>
 - [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)<br>
 - [https://levelup.gitconnected.com/optimizing-react-app-performance-62924bf7eba2](https://levelup.gitconnected.com/optimizing-react-app-performance-62924bf7eba2)<br>
 - [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/)<br>
 - [https://dev.to/andyrewlee/top-4-mistakes-in-react-interviews-b4i](https://dev.to/andyrewlee/top-4-mistakes-in-react-interviews-b4i)<br>
 - [https://dev.to/javascriptacademy/react-interview-questions-answered-and-explained-1-1b95](https://dev.to/javascriptacademy/react-interview-questions-answered-and-explained-1-1b95)<br>
 - [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/)<br>
 - [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)<br>
 - [https://dev.to/aviyel/300-react-interview-questions-4dag](https://dev.to/aviyel/300-react-interview-questions-4dag)<br>
 - [https://www.edureka.co/blog/interview-questions/react-interview-questions/](https://www.edureka.co/blog/interview-questions/react-interview-questions/)<br>
 - [https://www.interviewbit.com/react-interview-questions/#](https://www.interviewbit.com/react-interview-questions/#)<br>
 - [https://cult.honeypot.io/reads/react-developer-cheatsheets/](https://cult.honeypot.io/reads/react-developer-cheatsheets/)<br>
 - [https://www.freecodecamp.org/news/react-interview-questions-and-answers/](https://www.freecodecamp.org/news/react-interview-questions-and-answers/)<br>
 - [https://www.freecodecamp.org/news/top-30-react-interview-questions-and-concepts/](https://www.freecodecamp.org/news/top-30-react-interview-questions-and-concepts/)<br>
 - [https://blog.sahilchandravanshi.com/react-jsx](https://blog.sahilchandravanshi.com/react-jsx)<br>
 - [https://dev.to/said7388/top-20-reactjs-interview-questions-3a0m](https://dev.to/said7388/top-20-reactjs-interview-questions-3a0m)<br>
 - [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)<br>
 - [https://github.com/sudheerj/reactjs-interview-questions#what-are-controlled-components](https://github.com/sudheerj/reactjs-interview-questions#what-are-controlled-components)<br>
 - [https://github.com/Devinterview-io/react-interview-questions](https://github.com/Devinterview-io/react-interview-questions)<br>
 - [https://www.freecodecamp.org/news/complete-vite-course-for-beginners/](https://www.freecodecamp.org/news/complete-vite-course-for-beginners/)<br>

## `React Learn`
 - [https://www.freecodecamp.org/news/react-props-cheatsheet/](https://www.freecodecamp.org/news/react-props-cheatsheet/)<br>
 - [https://www.smashingmagazine.com/2020/01/introduction-react-context-api/](https://www.smashingmagazine.com/2020/01/introduction-react-context-api/)<br>
 - [https://flaviocopes.com/react-unidirectional-data-flow/](https://flaviocopes.com/react-unidirectional-data-flow/)<br>
 - [https://codeburst.io/react-anti-pattern-prop-drilling-54474d5236bd](https://codeburst.io/react-anti-pattern-prop-drilling-54474d5236bd)<br>
 - [https://www.smashingmagazine.com/2020/06/higher-order-components-react/](https://www.smashingmagazine.com/2020/06/higher-order-components-react/)<br>
 - [https://javascript.plainenglish.io/epic-react-react-fundamentals-cf76b6cedaf1](https://javascript.plainenglish.io/epic-react-react-fundamentals-cf76b6cedaf1)<br>
 - [https://learnwithparam.com/blog/basic-routing-in-react-router/](https://learnwithparam.com/blog/basic-routing-in-react-router/)<br>
 - [https://blog.logrocket.com/comparing-react-tree-components/](https://blog.logrocket.com/comparing-react-tree-components/)<br>
 - [https://dev.to/projectkenneth/modular-routing-in-react-2ab1](https://dev.to/projectkenneth/modular-routing-in-react-2ab1)<br>
 - [https://upmostly.com/tutorials/event-bubbling-in-react](https://upmostly.com/tutorials/event-bubbling-in-react)<br>
 - [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)<br>
 - [https://www.freecodecamp.org/news/adapter-design-in-react/](https://www.freecodecamp.org/news/adapter-design-in-react/)<br>
 - [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)<br>
 - [https://rehansattar.hashnode.dev/react-you-should-know](https://rehansattar.hashnode.dev/react-you-should-know)<br>
 - [https://dev.to/hareom284/javascript-fundamentals-before-learning-react-1mkl](https://dev.to/hareom284/javascript-fundamentals-before-learning-react-1mkl)<br>
 - [https://btholt.github.io/complete-intro-to-react-v6/](https://btholt.github.io/complete-intro-to-react-v6/)<br>
 - [https://h.daily-dev-tips.com/react-basics-passing-data-between-components](https://h.daily-dev-tips.com/react-basics-passing-data-between-components)<br>
 - [https://dev.to/muratcanyuksel/using-websockets-with-react-50pi](https://dev.to/muratcanyuksel/using-websockets-with-react-50pi)<br>
 - [https://blog.logrocket.com/javascript-developer-guide-browser-cookies/](https://blog.logrocket.com/javascript-developer-guide-browser-cookies/)<br>
  - [https://blog.logrocket.com/fundamentals-functional-programming-react/](https://blog.logrocket.com/fundamentals-functional-programming-react/)<br>
  - [https://www.freecodecamp.org/news/how-to-use-props-in-react/](https://www.freecodecamp.org/news/how-to-use-props-in-react/)<br>
  - [https://dev.to/harishash/react-practices-for-beginners-djn](https://dev.to/harishash/react-practices-for-beginners-djn)<br>
  - [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)<br>
  - [https://www.freecodecamp.org/news/learn-all-about-micro-frontends/](https://www.freecodecamp.org/news/learn-all-about-micro-frontends/)<br>
  - [https://levelup.gitconnected.com/what-is-new-in-react-router-v6-5c7d1f8de143](https://levelup.gitconnected.com/what-is-new-in-react-router-v6-5c7d1f8de143)<br>
  - [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)<br>
  - [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)<br>
  - [https://www.freecodecamp.org/news/react-fundamentals-for-beginners/](https://www.freecodecamp.org/news/react-fundamentals-for-beginners/)<br>
  - [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)<br>
  - [https://reactjsexample.com/8-best-react-books-for-beginners-in-2022/](https://reactjsexample.com/8-best-react-books-for-beginners-in-2022/)<br>
  - [https://how-to.dev/how-to-write-unit-tests](https://how-to.dev/how-to-write-unit-tests)<br>
  - [https://www.freecodecamp.org/news/react-18-new-features/](https://www.freecodecamp.org/news/react-18-new-features/)<br>
  - [https://blog.openreplay.com/a-dive-into-react-storybook](https://blog.openreplay.com/a-dive-into-react-storybook)<br>
  - [https://blog.thoughtspile.tech/2022/01/17/jsx-conditionals/](https://blog.thoughtspile.tech/2022/01/17/jsx-conditionals/)<br>
  - [https://girlwhocodes.hashnode.dev/memoization-in-react](https://girlwhocodes.hashnode.dev/memoization-in-react)<br>
  - [https://www.robinwieruch.de/react-element-component/](https://www.robinwieruch.de/react-element-component/)<br>
  - [https://cult.honeypot.io/reads/react-developer-cheatsheets/](https://cult.honeypot.io/reads/react-developer-cheatsheets/)<br>
  - [https://andrewbaisden.hashnode.dev/the-complete-modern-react-developer-2022](https://andrewbaisden.hashnode.dev/the-complete-modern-react-developer-2022)<br>
  - [https://www.developerway.com/posts/react-elements-children-parents](https://www.developerway.com/posts/react-elements-children-parents)<br>
  - [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)<br>
  - [https://www.freecodecamp.org/news/how-to-learn-react-in-2023/](https://www.freecodecamp.org/news/how-to-learn-react-in-2023/)<br>
  - [https://www.freecodecamp.org/news/how-to-use-react-dev-tools/](https://www.freecodecamp.org/news/how-to-use-react-dev-tools/)<br>
  - [https://wundergraph.com/blog/introducing_react_query_client](https://wundergraph.com/blog/introducing_react_query_client)<br>
  - [https://github.com/flashohq/open-source-react-courses](https://github.com/flashohq/open-source-react-courses)<br>
  - [https://ui.dev/react-router-protected-routes-authentication](https://ui.dev/react-router-protected-routes-authentication)<br>
  - [https://blog.openreplay.com/react-js-for-web-development/](https://blog.openreplay.com/react-js-for-web-development/)<br>
  - [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)<br>
  - [https://blog.logrocket.com/deep-dive-mutations-tanstack-query/](https://blog.logrocket.com/deep-dive-mutations-tanstack-query/)<br>
  - [https://react.dev/blog/2023/03/16/introducing-react-dev](https://react.dev/blog/2023/03/16/introducing-react-dev)<br>
  - [https://www.robinwieruch.de/react-starter/](https://www.robinwieruch.de/react-starter/)<br>
  - [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)<br>
  - [https://dev.to/codeofrelevancy/what-is-strict-mode-in-react-3p5b](https://dev.to/codeofrelevancy/what-is-strict-mode-in-react-3p5b)<br>
  - [https://frontendmastery.com/posts/rethinking-react-best-practices/](https://frontendmastery.com/posts/rethinking-react-best-practices/)<br>
  - [https://enlear.academy/understanding-service-workers-in-react-js-a90dc6fbec02](https://enlear.academy/understanding-service-workers-in-react-js-a90dc6fbec02)<br>
  - [https://medium.com/@ishahmeer/beginners-walkthrough-of-react-framework-2023-f29a0f17828b](https://medium.com/@ishahmeer/beginners-walkthrough-of-react-framework-2023-f29a0f17828b)<br>
  - [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)<br>
  
## `React Projects`
- [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/)<br>
- [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/)<br>
 - [https://reactjsexample.com/a-video-conferencing-application-build-with-react/](https://reactjsexample.com/a-video-conferencing-application-build-with-react/)<br>
 - [https://reactjsexample.com/netflix-clone-with-react-styled-components-axios/](https://reactjsexample.com/netflix-clone-with-react-styled-components-axios/)<br>
 - [https://reactjsexample.com/youtube-clone-build-using-react-js/](https://reactjsexample.com/youtube-clone-build-using-react-js/)<br>
 - [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)<br>
 - [https://typeofnan.dev/your-first-react-typescript-project-todo-app/](https://typeofnan.dev/your-first-react-typescript-project-todo-app/)<br>
 - [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/)<br>
 - [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)<br>
 - [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/)<br>
 - [https://blog.logrocket.com/using-react-hooks-to-create-sticky-headers/](https://blog.logrocket.com/using-react-hooks-to-create-sticky-headers/)<br>
 - [https://www.freecodecamp.org/news/react-budget-tracker-app/](https://www.freecodecamp.org/news/react-budget-tracker-app/)<br>
 - [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)<br>
 - [https://dev.to/larswaechter/how-i-structure-my-react-projects-jii](https://dev.to/larswaechter/how-i-structure-my-react-projects-jii)<br>
 - [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)<br>
 - [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)<br>
 - [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)<br>
 - [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/)<br>
 - [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/)<br>
 - [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)<br>
 - [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)<br>
 - [https://blog.risingstack.com/stripe-payments-integration-tutorial-javascript/](https://blog.risingstack.com/stripe-payments-integration-tutorial-javascript/)<br>
 - [https://dev.to/sm0ke/react-node-js-open-source-fullstack-starters-5192](https://dev.to/sm0ke/react-node-js-open-source-fullstack-starters-5192)<br>
 - [https://reactjsexample.com/a-minimal-game-of-candy-crush-in-react/](https://reactjsexample.com/a-minimal-game-of-candy-crush-in-react/)<br>
 - [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)<br>
 - [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/)<br>
 - [https://reactjsexample.com/marvel-heroes-app-using-react-and-bootstrap/](https://reactjsexample.com/marvel-heroes-app-using-react-and-bootstrap/)<br>
 - [https://reactjsexample.com/responsive-portfolio-template-made-with-reactjs/](https://reactjsexample.com/responsive-portfolio-template-made-with-reactjs/)<br>
 - [https://reactjsexample.com/youtube-clone-built-with-react-and-sass/](https://reactjsexample.com/youtube-clone-built-with-react-and-sass/)<br>
 - [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)<br>
 - [https://www.section.io/engineering-education/react-swipe-application/](https://www.section.io/engineering-education/react-swipe-application/)<br>
 - [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/)<br>
 - [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)<br>
 - [https://www.freecodecamp.org/news/learn-react-from-three-all-star-instructors/(https://www.freecodecamp.org/news/learn-react-from-three-all-star-instructors/)<br>
 - [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)<br>
 - [https://github.com/ib-sundeep/amazon-clone/tree/master-class](https://github.com/ib-sundeep/amazon-clone/tree/master-class)<br>
 - [https://dev.to/documatic/building-a-music-player-in-react-2aa4](https://dev.to/documatic/building-a-music-player-in-react-2aa4)<br>
 - [https://www.freecodecamp.org/news/free-react-course-2022/](https://www.freecodecamp.org/news/free-react-course-2022/)<br>
 - [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/)<br>
 - [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)<br>
 - [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)<br>
 - [https://www.robinwieruch.de/react-trpc/](https://www.robinwieruch.de/react-trpc/)<br>
 - [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)<br>
 - [https://www.robinwieruch.de/react-drag-and-drop/](https://www.robinwieruch.de/react-drag-and-drop/)<br>
 - [https://www.freecodecamp.org/news/build-react-forms-with-formik-library/](https://www.freecodecamp.org/news/build-react-forms-with-formik-library/)<br>
 - [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)<br>
 - [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)<br>
 

## `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)<br>
 - [https://www.valentinog.com/blog/jest/#bonus-es-modules-with-jest](https://www.valentinog.com/blog/jest/#bonus-es-modules-with-jest)<br>
- [https://www.smashingmagazine.com/2020/06/practical-guide-testing-react-applications-jest/](https://www.smashingmagazine.com/2020/06/practical-guide-testing-react-applications-jest/)<br>
- [https://www.robinwieruch.de/react-testing-library](https://www.robinwieruch.de/react-testing-library)<br>
- [https://testing-library.com/docs/react-testing-library/intro](https://testing-library.com/docs/react-testing-library/intro)<br>
- [https://dev.to/mbarzeev/creating-a-react-component-with-tdd-2jn8](https://dev.to/mbarzeev/creating-a-react-component-with-tdd-2jn8)<br>
- [https://upmostly.com/tutorials/getting-started-testing-react](https://upmostly.com/tutorials/getting-started-testing-react)<br>
- [https://vijayt.com/post/functional-testing-using-react-testing-library-and-jest/](https://vijayt.com/post/functional-testing-using-react-testing-library-and-jest/)<br>
- [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)<br>
- [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)<br>
- [https://www.freecodecamp.org/news/how-to-write-unit-tests-in-react/](https://www.freecodecamp.org/news/how-to-write-unit-tests-in-react/)<br>
- [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)<br>
- [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)<br>
- [https://www.builder.io/blog/3-react-testing-library-tips](https://www.builder.io/blog/3-react-testing-library-tips)<br>
- [https://blog.openreplay.com/unit-testing-with-the-react-testing-library/](https://blog.openreplay.com/unit-testing-with-the-react-testing-library/)<br>

## `Architecture`
- [https://blog.bitsrc.io/implementing-atomic-design-in-modern-react-development-d58d743a0f0b](https://blog.bitsrc.io/implementing-atomic-design-in-modern-react-development-d58d743a0f0b)<br>
- [https://levelup.gitconnected.com/how-i-structure-my-react-projects-34b35e18f91e](https://levelup.gitconnected.com/how-i-structure-my-react-projects-34b35e18f91e)<br>
- [https://reactjsexample.com/a-react-example-app-built-using-the-clean-architecture/](https://reactjsexample.com/a-react-example-app-built-using-the-clean-architecture/)<br>
- [https://reactjsexample.com/clean-architecture-for-react/](https://reactjsexample.com/clean-architecture-for-react/)<br>
- [https://itnext.io/react-project-architecture-641da390ebe7](https://itnext.io/react-project-architecture-641da390ebe7)<br>
- [https://enlear.academy/implementing-atomic-design-in-modern-react-development-d58d743a0f0b](https://enlear.academy/implementing-atomic-design-in-modern-react-development-d58d743a0f0b)<br>
- [https://reactjsexample.com/clean-architecture-for-react/](https://reactjsexample.com/clean-architecture-for-react/)<br>
- [https://dev.to/ezranbayantemur/react-project-architecture-25m](https://dev.to/ezranbayantemur/react-project-architecture-25m)<br>
- [https://dev.to/larswaechter/how-i-structure-my-react-projects-jii](https://dev.to/larswaechter/how-i-structure-my-react-projects-jii)<br>
- [https://javascript.plainenglish.io/design-extensible-react-application-architecture-1c491e9ed525](https://javascript.plainenglish.io/design-extensible-react-application-architecture-1c491e9ed525)<br>
- [https://reactjsexample.com/a-simple-react-application-with-redux-and-style-component/](https://reactjsexample.com/a-simple-react-application-with-redux-and-style-component/)<br>
- [https://dev.to/bjakyt/how-i-structure-my-reactjs-projects-4cmc](https://dev.to/bjakyt/how-i-structure-my-reactjs-projects-4cmc)<br>
- [https://blog.openreplay.com/react-architecture-patterns-for-your-projects](https://blog.openreplay.com/react-architecture-patterns-for-your-projects)<br>
- [https://blog.logrocket.com/react-component-design-patterns-2022/](https://blog.logrocket.com/react-component-design-patterns-2022/)<br>
- [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)<br>
- [https://blog.bitsrc.io/an-object-oriented-react-app-design-6242c168fcf8](https://blog.bitsrc.io/an-object-oriented-react-app-design-6242c168fcf8)<br>
- [https://cult.honeypot.io/reads/the-curious-case-of-react/](https://cult.honeypot.io/reads/the-curious-case-of-react/)<br>
- [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)<br>
- [https://blog.bitsrc.io/improve-react-component-maintainability-with-layered-architecture-25e74ba86430](https://blog.bitsrc.io/improve-react-component-maintainability-with-layered-architecture-25e74ba86430)<br>

## `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)<br>
- [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)<br>

## `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)<br>

## `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)<br>
- [https://blog.openreplay.com/catching-errors-in-react-with-error-boundaries](https://blog.openreplay.com/catching-errors-in-react-with-error-boundaries)<br>
- [https://dev.to/artemmalko/error-boundaries-in-react-how-its-made-3lam](https://dev.to/artemmalko/error-boundaries-in-react-how-its-made-3lam)<br>
- [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)<br>
- [https://semaphoreci.com/blog/error-handling-layer-react](https://semaphoreci.com/blog/error-handling-layer-react)<br>

## `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)<br>
- [https://dmitripavlutin.com/typescript-react-components/](https://dmitripavlutin.com/typescript-react-components/)<br>
- [https://dev.to/alim1496/react-with-typescript-1gp5](https://dev.to/alim1496/react-with-typescript-1gp5)<br>
- [https://levelup.gitconnected.com/add-husky-lint-staged-to-react-typescript-b634314a9739](https://levelup.gitconnected.com/add-husky-lint-staged-to-react-typescript-b634314a9739)<br>
- [https://techgirlamaka.hashnode.dev/react-components-and-typescriptpart-1-function-components](https://techgirlamaka.hashnode.dev/react-components-and-typescriptpart-1-function-components)<br>
- [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)<br>
- [https://www.edureka.co/blog/interview-questions/typescript-interview-questions/](https://www.edureka.co/blog/interview-questions/typescript-interview-questions/)<br>
- [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/)<br>
- [https://reactjsexample.com/cheatsheets-for-experienced-react-developers-getting-started-with-typescript/](https://reactjsexample.com/cheatsheets-for-experienced-react-developers-getting-started-with-typescript/)<br>
- [https://dev.to/adevnadia/advanced-typescript-for-react-developers-part-3-p4j](https://dev.to/adevnadia/advanced-typescript-for-react-developers-part-3-p4j)<br>
- [https://www.freecodecamp.org/news/learn-typescript-beginners-guide/](https://www.freecodecamp.org/news/learn-typescript-beginners-guide/)<br>
- [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/)<br>
- [https://pmbanugo.me/using-typescript-in-react-part-1](https://pmbanugo.me/using-typescript-in-react-part-1)<br>
- [https://www.robinwieruch.de/typescript-react-component/](https://www.robinwieruch.de/typescript-react-component/)<br>
- [https://www.thisdot.co/blog/composing-react-components-with-typescript](https://www.thisdot.co/blog/composing-react-components-with-typescript)<br>
- [https://www.thisdot.co/blog/testing-web-components-with-cypress-and-typescript](https://www.thisdot.co/blog/testing-web-components-with-cypress-and-typescript)<br>
- [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/)<br>
- [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)<br>

## `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)<br>

## `NextJS`
- [https://www.freecodecamp.org/news/how-to-build-a-portfolio-site-with-nextjs-tailwindcss/](https://www.freecodecamp.org/news/how-to-build-a-portfolio-site-with-nextjs-tailwindcss/)<br>
- [https://bestofreactjs.com/repo/beauwilliams-demo-next-typescript-hardhat-marketplace](https://bestofreactjs.com/repo/beauwilliams-demo-next-typescript-hardhat-marketplace)<br>
- [https://github.com/avneesh0612/react-nextjs-snippets?ref=producthunt](https://github.com/avneesh0612/react-nextjs-snippets?ref=producthunt)<br>
- [https://dev.to/dabit3/the-complete-guide-to-full-stack-web3-development-4g74](https://dev.to/dabit3/the-complete-guide-to-full-stack-web3-development-4g74)<br>
- [https://www.thisdot.co/blog/next-js-and-react-js-5-differences-to-help-you-make-your-choice](https://www.thisdot.co/blog/next-js-and-react-js-5-differences-to-help-you-make-your-choice)<br>
- [https://tsh.io/blog/ssr-vs-ssg-in-nextjs/](https://tsh.io/blog/ssr-vs-ssg-in-nextjs/)<br>
- [https://dev.to/codebeast/from-figma-to-nextjs-app-in-minutes-4jp9](https://dev.to/codebeast/from-figma-to-nextjs-app-in-minutes-4jp9)<br>
- [https://blog.astrosaurus.me/how-to-nextjs](https://blog.astrosaurus.me/how-to-nextjs)<br>
- [https://blog.openreplay.com/state-management-in-next-js-with-redux-toolkit/](https://blog.openreplay.com/state-management-in-next-js-with-redux-toolkit/)<br>
- [https://www.freecodecamp.org/news/learn-next-js-tutorial/](https://www.freecodecamp.org/news/learn-next-js-tutorial/)<br>
- [https://blog.logrocket.com/best-next-js-starter-templates/](https://blog.logrocket.com/best-next-js-starter-templates/)<br>
- [https://vercel.com/blog/building-a-fast-animated-image-gallery-with-next-js](https://vercel.com/blog/building-a-fast-animated-image-gallery-with-next-js)<br>
- [https://dev.to/arafat4693/how-i-built-my-fullstack-and-typesafe-portfolio-website-26ia](https://dev.to/arafat4693/how-i-built-my-fullstack-and-typesafe-portfolio-website-26ia)<br>
- [https://medium.com/adminjs/building-a-blog-with-next-js-adminjs-and-react-a-simple-step-by-step-guide-8838f4e594a6](https://medium.com/adminjs/building-a-blog-with-next-js-adminjs-and-react-a-simple-step-by-step-guide-8838f4e594a6)<br>
- [https://vercel.com/blog/next-js-13-data-fetching](https://vercel.com/blog/next-js-13-data-fetching)<br>
- [https://dev.to/adrai/static-html-export-with-i18n-compatibility-in-nextjs-8cd](https://dev.to/adrai/static-html-export-with-i18n-compatibility-in-nextjs-8cd)<br>
- [https://dev.to/medusajs/how-i-built-a-food-ecommerce-restaurant-with-nextjs-paystack-and-medusa-2oh0](https://dev.to/medusajs/how-i-built-a-food-ecommerce-restaurant-with-nextjs-paystack-and-medusa-2oh0)<br>
- [https://vercel.com/blog/nextjs-app-router-data-fetching](https://vercel.com/blog/nextjs-app-router-data-fetching)<br>
- [https://prismic.io/blog/building-custom-nextjs-starter](https://prismic.io/blog/building-custom-nextjs-starter)<br>
- [https://www.freecodecamp.org/news/decentralized-identity-build-a-profile-with-ethereum-ceramic-and-reactjs/](https://www.freecodecamp.org/news/decentralized-identity-build-a-profile-with-ethereum-ceramic-and-reactjs/)<br>
- [https://www.freecodecamp.org/news/create-full-stack-app-with-nextjs13-and-firebase/](https://www.freecodecamp.org/news/create-full-stack-app-with-nextjs13-and-firebase/)<br>
- [https://prismic.io/blog/advanced-nextjs-server-context](https://prismic.io/blog/advanced-nextjs-server-context)<br>
- [https://blog.bitsrc.io/fundamentals-of-next-js-for-react-developers-85b93c2c2dfa](https://blog.bitsrc.io/fundamentals-of-next-js-for-react-developers-85b93c2c2dfa)<br>
- [https://blog.bitsrc.io/how-to-write-unit-tests-with-react-testing-library-in-the-next-js-5d22798afd9a](https://blog.bitsrc.io/how-to-write-unit-tests-with-react-testing-library-in-the-next-js-5d22798afd9a)<br>
- [https://nextjs.org/blog/next-13-2](https://nextjs.org/blog/next-13-2)<br>
- [https://dev.to/this-is-learning/first-experience-with-nextjs-2a58](https://dev.to/this-is-learning/first-experience-with-nextjs-2a58)<br>
- [https://mojoauth.com/blog/how-to-implement-passwordless-authentication-in-next.js/](https://mojoauth.com/blog/how-to-implement-passwordless-authentication-in-next.js/)<br>
- [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)<br>
- [https://www.paulsblog.dev/create-your-portfolio-using-next-js-tailwind-css-stripe-and-paypal/](https://www.paulsblog.dev/create-your-portfolio-using-next-js-tailwind-css-stripe-and-paypal/)<br>
- [https://blog.openreplay.com/comparing-frameworks--next-vs-remix/](https://blog.openreplay.com/comparing-frameworks--next-vs-remix/)<br>
- [https://dev.to/this-is-learning/first-experience-with-nextjs-part-2-pi4](https://dev.to/this-is-learning/first-experience-with-nextjs-part-2-pi4)<br>
- [https://blog.openreplay.com/implementing-a-feedback-form-with-next-js/](https://blog.openreplay.com/implementing-a-feedback-form-with-next-js/)<br>
- [https://vercel.com/blog/vercel-cache-api-nextjs-cache](https://vercel.com/blog/vercel-cache-api-nextjs-cache)<br>
- [https://blog.logrocket.com/biggest-next-js-boilerplates-2023/](https://blog.logrocket.com/biggest-next-js-boilerplates-2023/)<br>
- [https://blog.devgenius.io/advanced-next-js-concepts-8439a8752597](https://blog.devgenius.io/advanced-next-js-concepts-8439a8752597)<br>
- [https://www.freecodecamp.org/news/create-full-stack-app-with-nextjs13-and-firebase/](https://www.freecodecamp.org/news/create-full-stack-app-with-nextjs13-and-firebase/)<br>
- [https://dev.to/this-is-learning/reading-local-json-data-with-nextjs-part-5-59le](https://dev.to/this-is-learning/reading-local-json-data-with-nextjs-part-5-59le)<br>
- [https://blog.logrocket.com/building-next-js-app-tailwind-storybook/](https://blog.logrocket.com/building-next-js-app-tailwind-storybook/)<br>
- [https://www.paulsblog.dev/create-your-portfolio-using-next-js-tailwind-css-stripe-and-paypal/](https://www.paulsblog.dev/create-your-portfolio-using-next-js-tailwind-css-stripe-and-paypal/)<br>
- [https://www.tigrisdata.com/blog/adding-real-time-full-text-search-to-a-next.js-app-with-tigris/](https://www.tigrisdata.com/blog/adding-real-time-full-text-search-to-a-next.js-app-with-tigris/)<br>
- [https://blog.logrocket.com/guide-cookies-next-js/](https://blog.logrocket.com/guide-cookies-next-js/)<br>
- [https://www.traversymedia.com/blog/next-js-13-crash-course-app-directory-server-components-more](https://www.traversymedia.com/blog/next-js-13-crash-course-app-directory-server-components-more)<br>
- [https://nextjs.org/blog/next-13-3](https://nextjs.org/blog/next-13-3)<br>

## `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)<br>
- [https://dev.to/buddhadebchhetri/react-cheatsheets-5978](https://dev.to/buddhadebchhetri/react-cheatsheets-5978)<br>
- [https://devdojo.com/shreya/resources-to-learn-reactjs](https://devdojo.com/shreya/resources-to-learn-reactjs)<br>
- [https://cult.honeypot.io/reads/8-best-react-courses-2022/](https://cult.honeypot.io/reads/8-best-react-courses-2022/)<br>
- [https://www.freecodecamp.org/news/learn-react-router-6/](https://www.freecodecamp.org/news/learn-react-router-6/)<br>
- [https://cult.honeypot.io/reads/react-developer-cheatsheets/](https://cult.honeypot.io/reads/react-developer-cheatsheets/)<br>
- [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/)<br>
- [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)<br>

## `Redux`
- [https://enlear.academy/redux-explained-simply-ffd6f16aa1ca](https://enlear.academy/redux-explained-simply-ffd6f16aa1ca)<br>
- [https://www.valentinog.com/blog/redux/](https://www.valentinog.com/blog/redux/)<br>
- [https://dev.to/thesanjeevsharma/just-redux-the-complete-guide-44d5?signin=true](https://dev.to/thesanjeevsharma/just-redux-the-complete-guide-44d5?signin=true)<br>
- [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)<br>
- [https://lo-victoria.com/introduction-to-redux-toolkit-for-beginners](https://lo-victoria.com/introduction-to-redux-toolkit-for-beginners)<br>
- [https://reactjsexample.com/redux-concepts-and-data-flow/](https://reactjsexample.com/redux-concepts-and-data-flow/)<br>
- [https://javascript.plainenglish.io/lets-understand-redux-in-a-simple-manner-da85f296cb49](https://javascript.plainenglish.io/lets-understand-redux-in-a-simple-manner-da85f296cb49)<br>
- [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)<br>
- [https://www.freecodecamp.org/news/what-is-redux-store-actions-reducers-explained/](https://www.freecodecamp.org/news/what-is-redux-store-actions-reducers-explained/)<br>
- [https://blog.openreplay.com/understanding-redux-thunk-for-react--the-big-picture/](https://blog.openreplay.com/understanding-redux-thunk-for-react--the-big-picture/)<br>
- [https://www.thisdot.co/blog/introduction-to-redux-pattern](https://www.thisdot.co/blog/introduction-to-redux-pattern)<br>
- [https://www.freecodecamp.org/news/learn-react-18-with-redux-toolkit/](https://www.freecodecamp.org/news/learn-react-18-with-redux-toolkit/)<br>

## `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)<br>

## `React Github`
- [https://github.com/streamich/react-use](https://github.com/streamich/react-use)<br>
- [https://github.com/Asabeneh/30-Days-Of-React](https://github.com/Asabeneh/30-Days-Of-React)<br>
- [https://github.com/jeromedalbert/real-world-react-apps/tree/master/apps](https://github.com/jeromedalbert/real-world-react-apps/tree/master/apps)<br>
- [https://github.com/vasanthk/react-bits](https://github.com/vasanthk/react-bits)<br>
- [https://github.com/brillout/awesome-react-components](https://github.com/brillout/awesome-react-components)<br>
- [https://github.com/deepsweet/hocs](https://github.com/deepsweet/hocs)<br>
- [https://github.com/antonioru/beautiful-react-hooks](https://github.com/antonioru/beautiful-react-hooks)<br>
- [https://github.com/piotrwitek/react-redux-typescript-guide](https://github.com/piotrwitek/react-redux-typescript-guide)<br>
- [https://github.com/typescript-cheatsheets/react](https://github.com/typescript-cheatsheets/react)<br>
- [https://github.com/ohansemmanuel/react-hooks-cheatsheet](https://github.com/ohansemmanuel/react-hooks-cheatsheet)<br>
- [https://github.com/krasimir/react-in-patterns](https://github.com/krasimir/react-in-patterns)<br>
- [https://github.com/moelzanaty3/react-18-workshop](https://github.com/moelzanaty3/react-18-workshop)<br>
- [https://github.com/Bogdan-Lyashenko/Under-the-hood-ReactJS](https://github.com/Bogdan-Lyashenko/Under-the-hood-ReactJS)<br>
- [https://github.com/adam-golab/react-developer-roadmap](https://github.com/adam-golab/react-developer-roadmap)<br>
- [https://github.com/Asabeneh/30-Days-Of-React](https://github.com/Asabeneh/30-Days-Of-React)<br>
- [https://github.com/tyroprogrammer/learn-react-app](https://github.com/tyroprogrammer/learn-react-app)<br>
- [https://github.com/vasanthk/react-bits](https://github.com/vasanthk/react-bits)<br>
- [https://github.com/enaqx/awesome-react](https://github.com/enaqx/awesome-react)<br>
- [https://github.com/typescript-cheatsheets/react](https://github.com/typescript-cheatsheets/react)<br>
- [https://github.com/Bogdan-Lyashenko/Under-the-hood-ReactJS](https://github.com/Bogdan-Lyashenko/Under-the-hood-ReactJS)<br>
- [https://github.com/piotrwitek/react-redux-typescript-guide](https://github.com/piotrwitek/react-redux-typescript-guide)<br>
- [https://github.com/antonioru/beautiful-react-hooks](https://github.com/antonioru/beautiful-react-hooks)<br>

## 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-/)<br>

## 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)<br>
- [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/)<br>