Type annotations, Type Alias in React | React With TypeScript in Hindi # 1
In this series - we will cover how to use React ⚛ with Typescript. we will cover all latest React ⚛ and TypeScript practices - via a Notes App Project.
Github repo : https://github.com/coderdost/react-wi...
[for video 1 - git checkout df036142a59e5d50d8bf92b5909211084068390d]
Video Content :
00:00 Intro to Series
00:56 Setup a React app with Typescript in VSCode
04:22 Creating First Functional Component
06:49 Adding CSS to React Component
11:15 types annotations, type alias
13:28 Union types in typescript
14:25 optional properties in typescript object
17:08 JSON data file for notes
18:40 Map function in React JSX
20:40 Typescript type inference
26:38 key in React
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
