useReducer hooks with Context API vs Redux | React With TypeScript in Hindi #6 #reactjs #typescript

In this series - we will cover how to use React ⚛ with Typescript. we will cover all the latest React ⚛ and TypeScript practices - via a Notes App Project.

Github repo : https://github.com/coderdost/react-with-typescript
[for video 6 - git checkout d0af57bf088d56f71ac445dea8e485ca775fe852
]

Video Content :

00:00 Intro
00:12 useReducer hook vs Redux
02:02 useReducer with Context API
03:20 useReducer vs useState
07:10 create Context for State, dispatch
07:56 context provider
08:50 Reducer logic / Actions / Dispatch
29:08 removing unnecessary prop methods

React ⚛ Topics in Series:

- functional Components, props, children props
- React Hooks - useState, useEffect, useReducer, useContext
- How to call APIs in React
- CSS conditional rendering in React
- State management using Context API
- How to make Dark Mode in React
- React Router version 6 - useParams
- NodeJS REST APIs
- Deploying MERN Stack app on Heroku Cloud
- Cool Libraries - JSON server, Font awesome, React Switch

TypeScript :

- type annotations
- type aliases
- type inferences
- union types
- enum types
- optional properties
- type assertion

Learn React for beginners, check our ReactJS playlist : https://bit.ly/3iMethN

Learn TypeScript under 30 mins in this crash course : https://bit.ly/372dZSh
Visit our site : https://coderdost.com

🔴 Full Courses List : https://coderdost.com/courses
🔴 Full Projects List : https://coderdost.com/projects

💾 Source Codes at : https://github.com/coderdost
🤯 Crash Courses (Single Video)

Git/Github Crash Course : https://bit.ly/3JSA5VT
TypeScript Crash Course : https://bit.ly/372dZSh
Angular Crash Course : https://bit.ly/3DoGJR1
Vue JS Crash Course : https://bit.ly/3uDujRl
Python Crash Course : https://bit.ly/3Dod7U2
React Router Crash Course : https://bit.ly/36YfO2i
🧑‍🏫 Tutorial Playlists

HTML : https://bit.ly/36IMq0h
CSS : https://bit.ly/3LpRQw6
JavaScript : https://bit.ly/3u049tf
BootStrap : https://bit.ly/3NA9nDJ
ES 6 : https://bit.ly/3DvYCh6
DOM Playlist : https://bit.ly/35nMKB7
ReactJS (Redux & Hooks) : https://bit.ly/3iMethN
NodeJS/ExpressJS : https://bit.ly/35nN6Yt
MongoDB / Mongoose : https://bit.ly/3qPj0EO
💻 Projects Playlists
MERN Stack Complete Ecommerce : https://bit.ly/3ymSs0E
Web Design HTML+CSS - Home Page : https://bit.ly/35nZiIB
Web Design BootStrap - E-Commerce Site : https://bit.ly/3iPhaz7
React/Redux/Firebase - Todo-App : https://bit.ly/3DnekL8
🕹 Mini Projects (Single Video)

React - Tic Tac Toe (Redux / Hooks) : https://bit.ly/3uzLEuy
React - Game of Flag Quiz (Hooks) : https://bit.ly/3LpTC0e
React - Google Translate Clone (Hooks) : https://bit.ly/3Lo9xvZ
React - Chat App using Firebase (Hooks) : https://bit.ly/3wLgymj
usereducer vs redux
usereducer vs usestate
useReducer with Context API
context API and useContext hook in hindi
the styled component in React
CSS Components in React
react typescript course in Hindi
react course in Hindi
typescript course in Hindi
typescript react tutorial
react typescript project
react with hooks
react with useReducer
react with context API

Видео useReducer hooks with Context API vs Redux | React With TypeScript in Hindi #6 #reactjs #typescript канала Coder Dost