Скачать или смотреть Routing using React Router v6 | React With TypeScript in Hindi #9

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-wi...
[for video 9 - git checkout a744da986c51bf17717ee742e64c104dac1804bc]

Video Content :

00:00 Intro
00:18 text area input in react
01:40 whitespace in pre-wrap
02:58 Detailed Note component
07:44 optional props in react
09:16 react-router v6
12:14 useParams hook
14:17 Link react-router
20:38 React dark mode automatically with System dark mode
22:03 Fixing CSS
29:27 Color Combos

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 and useReducer
How to make Dark Mode in React
React Router version 6 - useParams
NodeJS REST APIs
Deploying the 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 in 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



dark mode in react
prefers-color-scheme javascript
prefers color scheme dark mode
react router v6
react routing
JSON server react
JSON server fake apis
Async calls in Reducer
Async calls in redux
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