Intermediate MERN course 2023 | Context Api/State Management | PUT | Part 3
In this course, we will dive into intermediate concepts for building web applications using the MERN stack (MongoDB, Express, React, and Node.js). We'll start by introducing TypeScript, a powerful superset of JavaScript that adds optional static typing and other features to the language. Then, we'll explore state management in react with the context api for managing the data and state of your React components. Finally, we'll take a look at Tailwind CSS, a utility-first CSS framework that can help you quickly and easily build responsive and visually pleasing user interfaces. Whether you're a seasoned web developer or just getting started with MERN, this video will provide you with the tools and knowledge you need to take your skills to the next level.
Code Link: https://github.com/Thabish-Kader/phon...
0:00 UI correction and expaining state management
2:59 Implementing context api
6:01 Typedefinition for context api
12:01 optimistically rendering data for adding category
13:00 cleaning up functions
19:02 createing route directory
22:57 delete endpoint for category
25:30 breaking the code !!
25:43 fixing error
27:23 createing function for deleteing category
34:55 explaing filter function
35:55 createing contact page
37:05 createing endpoint for individual category
39:19 testing endpoint with thunderbolt client
40:02 createing function for getting data from individual category endpoint
44:21 UI for category page
51:28 endpoint for updateing title
53:59 testing endpoint with thunderbolt client
55:24 createing function for updateing title
57:20 createing states to track user inputs
58:19 function for updateing title
1:00:21 outro