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 : github.com/coderdost/react-wi...
[for video 4 - git checkout be793eeaf19f587a52d191502b695a13a554f37d]
Video Content :
00:00 Intro
00:18 Adding React Icons / Font Awesome
03:00 Event handlers for icons
03:48 Delete Note / Splice / findIndex
10:12 Edit Note
16:24 useEffect hook
20:00 updateNote function
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 : bit.ly/3iMethN
Learn TypeScript under 30 mins in this crash course : bit.ly/372dZSh
Visit our site : coderdost.com
🔴 Full Courses List : coderdost.com/courses
🔴 Full Projects List : coderdost.com/projects
💾 Source Codes at : github.com/coderdost
🤯 Crash Courses (Single Video)
Git/Github Crash Course : bit.ly/3JSA5VT
TypeScript Crash Course : bit.ly/372dZSh
Angular Crash Course : bit.ly/3DoGJR1
Vue JS Crash Course : bit.ly/3uDujRl
Python Crash Course : bit.ly/3Dod7U2
React Router Crash Course : bit.ly/36YfO2i
🧑🏫 Tutorial Playlists
HTML : bit.ly/36IMq0h
CSS : bit.ly/3LpRQw6
JavaScript : bit.ly/3u049tf
BootStrap : bit.ly/3NA9nDJ
ES 6 : bit.ly/3DvYCh6
DOM Playlist : bit.ly/35nMKB7
ReactJS (Redux & Hooks) : bit.ly/3iMethN
NodeJS/ExpressJS : bit.ly/35nN6Yt
MongoDB / Mongoose : bit.ly/3qPj0EO
💻 Projects Playlists
MERN Stack Complete Ecommerce : bit.ly/3ymSs0E
Web Design HTML+CSS - Home Page : bit.ly/35nZiIB
Web Design BootStrap - E-Commerce Site : bit.ly/3iPhaz7
React/Redux/Firebase - Todo-App : bit.ly/3DnekL8
🕹 Mini Projects (Single Video)
React - Tic Tac Toe (Redux / Hooks) : bit.ly/3uzLEuy
React - Game of Flag Quiz (Hooks) : bit.ly/3LpTC0e
React - Google Translate Clone (Hooks) : bit.ly/3Lo9xvZ
React - Chat App using Firebase (Hooks) : bit.ly/3wLgymj
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
Негізгі бет Ғылым және технология useEffect hook, React Icons | React With TypeScript in Hindi #4
Пікірлер: 4