YouTube video playlist
01 . Environment setup
02. create first react project with vite
03. jsx and js expression
05.css styling is jsx
06. How to create and use react component
07. props and destructuring
08. Mapping data to components
09. Mapping data with a unique id
10. Nested mapping
11.A template for react project
12. class component
13.React component under the hood
14. React developer tools and extension
15. how to use react icons in your project
16.How to use bootstrap with react
17.React state , setState and eventHandler
18.React conditional Rendering ternary , short circuit
19.React event handler / onchage / onclick
20.Event handler binding
21.React Hooks / useState Hook
22. update state based on previous state .
23.Event Bubbling / stopPropagation
24.counter App Assignment
25. controlled componet / collect from data
26.useState with object
27.passing data from child to parent component
28.more on state lifting
29.state lifting principle
30.control from data using formik package
31.validate from data using yup with formik
32.how to do toggle
33.how to create Faq for website
34. React hooks / useEffect
35.feching data with useEffect hook
36.how to create a custom hook
37. display notifications using react - toastify
38. fetching data , erro handler
39. custom hook , delete , search
40.dynamic styling in React
41. Fragment / avoid div soup
42. propTypes / built in type checking
43. life cycle of a class componet
45. ref in a class component with example
46. use Ref Hook
47.useReducer Hook
48. props drilling
49. React Hooks / use Context hook
50 . use Management app using context api
51. How to use usereducer with context api
52. React routing / introduction to react routing
53. Ract routing / Navigation and redirect
54. dynamic routing using useParams
55. useLocation hool
56. route parameter , query paramater
57. protected routing
58. best practice for a react project structure
59. How to create a json server
60.react helmet npm package / page title setup
61. hoe to deploy react app on netlify from github
62.react memo
64. useCallback hook
65. useMemo hook
66. A project template with eslint & prettir setup
Post a Comment