React Typescript Tutorial with Project | Learn React JS with Typescript

#ReactTypescript #Typescript #ReactJSProject #ReactHooks

Learn React JS with Typescript in one video. We will learn typescript from scratch and use it with react hooks such as useState, useRef and useReducer. We will understand PropTypes, DefaultProps etc. all while building a todo list app project.

Source Code -
https://github.com/piyush-eon/react-t...

Live Site -
https://taskify-typescript.netlify.app/

If any questions, ask here -
  / roadsidecoder  

Typescript Documentation-
https://www.typescriptlang.org/docs/h...

useReducer Tutorial -
   • React Shopping Cart Tutorial | Contex...  

00:00:00 Intro
00:00:34 Typescript vs Javascript
00:01:06 Project Overview
00:02:22 Setup React Typescript Project
00:04:52 Basic Types in Typescript
00:07:27 Object Type
00:09:00 Optional Field in Objects
00:09:15 Array of Object Type
00:09:50 Union Type
00:10:20 Function Types
00:12:01 Any Type
00:12:30 unknown and never Type
00:12:47 Aliases ( type and interface )
00:14:31 Extending types
00:15:48 Extending interface
00:16:23 Extending Classes
00:16:40 Extending type with interface ( and vice versa )
00:17:17 React with Typescript
00:18:17 Functional Component type
00:19:14 Creating Input UI
00:26:17 useState Hook with Typescript
00:27:34 PropTypes - Passing props to component
00:30:29 Reusable todo interface
00:32:56 Passing function as props
00:34:09 Event Type in Typescript
00:35:15 Create Todo Logic
00:37:49 useRef Hook with Typescript
00:40:36 TodoList Component
00:45:22 Passing props to SingleTodo
00:47:09 SingleTodo Component
00:52:18 Todo Complete Functionality
00:54:51 Delete Todo Functionality
00:55:50 Edit Todo Functionality
01:02:00 Edit Bug Fix
01:03:18 useReducer Hook with Typescript
01:07:07 Homework for you
01:07:34 Support the Channel

Movie App in React JS and Material UI -
   • Movies and TV Series Searching App in...  

Quiz App in React JS and Material UI -
   • Quiz App in React JS with 22 Categori...  

Dictionary App in React JS and Material UI -
   • 12 Language Dictionary App in React J...  

Learn React From Scratch -
   • React JS Workshop Day 1 - Basics incl...