# **Week 11 - 11.2 | Recoil**


## [Notes/Slides Link](https://petal-estimate-4e9.notion.site/Recoil-1247dfd107358016bdb1ea1bb52e4a68)


## Articles/Blogs Link:
-   [**Learn React – A Handbook for Beginners**](https://www.freecodecamp.org/news/react-for-beginners-handbook/#:~:text=React%20is%20a%20very%20popular,operation%20and%20should%20be%20minimized)
-   [**React Context API: A deep dive with examples**](https://blog.logrocket.com/react-context-api-deep-dive-examples/)
-   [**React Context API Explained with Examples**](https://www.freecodecamp.org/news/react-context-api-explained-with-examples/)
-   [**How to Use the React Context API in Your Projects**](https://www.freecodecamp.org/news/context-api-in-react/)
-   [**7 Top React State Management Libraries**](https://trio.dev/7-top-react-state-management-libraries/)
-   [**Exploring Recoil: Simplifying State Management in React Projects**](https://medium.com/@vikasipar/exploring-recoil-simplifying-state-management-in-react-projects-b19adbe3445b)
-   [**Recoil is the Samurai Sword of React State Management**](https://dev.to/codeofrelevancy/recoil-is-the-samurai-sword-of-react-state-management-5h3c)
-   [**Recoil**](https://recoiljs.org/docs/basic-tutorial/intro/)
-   [**Atoms and Selectors**](https://recoiljs.org/docs/introduction/core-concepts/#:~:text=Recoil%20lets%20you%20create%20a,state%20either%20synchronously%20or%20asynchronously.)
-   [**memo in React**](https://react.dev/reference/react/memo)
-   [**What is React memo and how to use it?**](https://hygraph.com/blog/react-memo)
-   [**Optimization with React Memo**](https://medium.com/picus-security-engineering/optimization-with-react-memo-7e0b0ffb7536)
-   [**What is Memoization? How and When to Memoize in JavaScript and React**](https://www.freecodecamp.org/news/memoization-in-javascript-and-react/)
-   [**What's the Difference Between the useMemo and useCallback Hooks?**](https://www.freecodecamp.org/news/difference-between-usememo-and-usecallback-hooks/)
-   [**Better React Performance – When to Use the useCallback vs useMemo Hook**](https://www.freecodecamp.org/news/better-react-performance-usecallback-vs-usememo/)
-   [**Caching in React – How to Use the useMemo and useCallback Hooks**](https://www.freecodecamp.org/news/caching-in-react/)
-   [**useMemo**](https://react.dev/reference/react/useMemo)
-   [**How to Work with useMemo in React – with Code Examples**](https://www.freecodecamp.org/news/how-to-work-with-usememo-in-react/)
-   [**Maximizing React State Efficiency: A Deep Dive into Recoil Selectors vs. useMemo for Optimal Performance**](https://medium.com/@dashakashkumar636/maximizing-react-state-efficiency-a-deep-dive-into-recoil-selectors-vs-4f63ab3edc37)


## Recoil Videos 
- [Recoil: State Management for Today's React](https://www.youtube.com/watch?v=_ISAA_Jt9kI&t=1739s)

## Official Website Link:
-   [**React**](https://react.dev/)
-   [**useHooks**](https://usehooks.com/)
-   [**Vite**](https://vite.dev/)
-   [**React Router**](https://reactrouter.com/en/main)
-   [**Recoil - State Management Library**](https://recoiljs.org/)
-   [**Zustand - State Management Library**](https://zustand-demo.pmnd.rs/)
-   [**Zustand NPM - State Management Library**](https://www.npmjs.com/package/zustand)
-   [**Redux**](https://redux.js.org/)
-   [**Redux Toolkit**](https://redux-toolkit.js.org/)
-   [**Tailwind CSS**](https://tailwindcss.com/)
-   [**React - NPM**](https://react.dev/)
-   [**Node.js**](https://nodejs.org/en)
-   [**Express**](https://expressjs.com/)
-   [**Express - NPM**](https://www.npmjs.com/package/express)
-   [**Express Middleware**](https://expressjs.com/en/guide/using-middleware.html)
-   [**Express Routing**](https://expressjs.com/en/guide/routing.html)
-   [**Express Error Handling**](https://expressjs.com/en/guide/error-handling.html)
-   [**NPM**](https://www.npmjs.com/)
-   [**JWT**](https://jwt.io/)
-   [**JWT - NPM**](https://www.npmjs.com/package/jsonwebtoken)
-   [**MongoDB**](https://www.mongodb.com/)
-   [**MongoDB - NPM**](https://www.npmjs.com/package/mongodb)
-   [**MongoDB Cloud | MongoDB**](https://www.mongodb.com/products/platform/cloud)
-   [**Mongoose**](https://mongoosejs.com/docs/)
-   [**Mongoose - NPM**](https://www.npmjs.com/package/mongoose?azure-portal=true)
-   [**Bcrypt**](https://www.npmjs.com/package/bcrypt)
-   [**Bcrypt - NPM**](https://www.npmjs.com/package/bcrypt)
-   [**Zod**](https://zod.dev/)
-   [**Zod - NPM**](https://www.npmjs.com/package/zod)
-   [**Dotenv**](https://www.dotenv.org/docs/)
-   [**Dotenv - NPM**](https://www.npmjs.com/package/dotenv)
-   [**EJS**](https://ejs.co/)
-   [**EJS - NPM**](https://www.npmjs.com/package/ejs)
