# **Week 09 - 9.2 | React useState**


## [Notes/Slides Link](https://petal-estimate-4e9.notion.site/React-Part-2-1177dfd1073580069172fc54e33929c0)


## Articles/Blogs Link:
-   [**Library vs Frameworks ??**](https://medium.com/@vinciabhinav7/library-vs-frameworks-c7fae502bbcb)
-   [**What is the difference between a framework and a library?**](https://stackoverflow.com/questions/148747/what-is-the-difference-between-a-framework-and-a-library)
-   [**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)
-   [**What Is React: Understanding the Features and How to Deploy for Modern Web Development**](https://www.hostinger.in/tutorials/what-is-react)
-   [**Introduction to ReactJS: Learn Components, Usage, and Features**](https://www.brilworks.com/blog/introduction-to-reactjs/)
-   [**React Fundamentals – JSX, Components, and Props Explained**](https://www.freecodecamp.org/news/react-fundamentals/)
-   [**React Re-rendering: Exploring What, Why, and How**](https://medium.com/simform-engineering/react-re-rendering-exploring-what-why-and-how-d180d5305892)
-   [**What are Components and Types of Components in React JS**](https://medium.com/@reactmasters.in/what-are-components-and-types-of-components-in-react-js-4e2642b136a2)
-   [**React Hooks Explained Simply**](https://daily.dev/blog/react-hooks-explained-simply#:~:text=Hooks%20are%20special%20functions%20in,needing%20to%20write%20class%20components.)
-   [**React Props Explained with Examples**](https://refine.dev/blog/react-props/#passing-function-to-react-component)
-   [**Making Sense of React Hooks**](https://medium.com/@dan_abramov/making-sense-of-react-hooks-fdbde8803889)
-   [**useState in React**](https://blog.logrocket.com/guide-usestate-react/#:~:text=start%20with%20use%20.-,What%20is%20the%20useState%20Hook%3F,the%20setter%20function%20is%20called.)
-   [**How State Works in React – Explained with Code Examples**](https://www.freecodecamp.org/news/what-is-state-in-react-explained-with-examples/)
-   [**How to Use the useState() Hook in React – Explained with Code Examples**](https://www.freecodecamp.org/news/usestate-hook-3-different-examples/)
-   [**React Conditional Rendering – Explained with Examples**](https://www.freecodecamp.org/news/react-conditional-rendering/)
-   [**How to use Conditional Rendering in React**](https://refine.dev/blog/react-conditional-rendering/#rendering-nothing-with-null)
-   [**React useEffect Hook**](https://www.freecodecamp.org/news/react-useeffect-absolute-beginners/)
-   [**Can someone explain useEffect dependency arrays like im 5?**](https://www.reddit.com/r/reactjs/comments/ualpri/can_someone_explain_useeffect_dependency_arrays/)
-   [**Dependency array in useEffect hook**](https://medium.com/devil-is-in-the-details/dependency-array-in-useeffect-hook-d73e0ef2ab33)
-   [**useEffect with and without dependency array in react**](https://dev.to/aasthapandey/useeffect-in-react-3flb)
-   [**Understanding the Importance of the useEffect Dependency Array in React**](https://www.dhiwise.com/post/understanding-the-importance-of-the-useeffect-dependency-array-in-react)
-   [**Understanding React’s useEffect cleanup function**](https://blog.logrocket.com/understanding-react-useeffect-cleanup-function/)
-   [**useEffect cleanup function in React.js**](https://codedamn.com/news/frontend/useeffect-cleanup-function-in-react-js-complete-guide)
-   [**React Hooks – How to Use the useState & useEffect Hooks in Your Project**](https://www.freecodecamp.org/news/how-to-use-the-usestate-and-useeffect-hooks-in-your-project/)
-   [**Explain the meaning of Mounting and Demounting**](https://www.geeksforgeeks.org/explain-the-meaning-of-mounting-and-demounting/)
-   [**React Component Lifecycle Methods – Explained with Examples**](https://www.freecodecamp.org/news/react-component-lifecycle-methods/)
-   [**React lifecycle methods diagram**](https://projects.wojtekmaj.pl/react-lifecycle-methods-diagram///)


## Official Website Link:
-   [**React**](https://react.dev/)
-   [**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)
