useState Hooks, Forms and Events in React | React With TypeScript in Hindi #2
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 2 - git checkout 738ff6fd30552384ea4e7419c40e8a67d2fa948f
]
Video Content :
00:00 Intro
00:16 App Structure
00:54 Forms in React
04:39 State in React
05:58 useState Hook
07:13 Adding React Event handlers
07:35 Synthetic Event - onChange
10:02 data communication child to parent Component
14:17 Using UUID
15:03 @types dependencies
17:41 Prevent default
18:35 Adding a Select input
26:20 Type Assertion
27:24 Controlled forms
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
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
