This video is an easy and complete React + TypeScript + Bootstrap tutorial for Beginners. In this video we will build a Notes Application from scratch and understand everything about how we can use TypeScript with React.
⭐️GitHub link for Reference⭐️
https://github.com/dmalvia/React_TypeScript_Notes_App
⭐️ Support my channel⭐️
https://www.buymeacoffee.com/dipeshmalvia
???? Video contents... ENJOY ????
0:00:00 - Intro
0:00:22 - Application Demo
0:02:06 - How to Setup React TypeScript Project
0:02:57 - Understand React TypeScript App Folder Structure
0:05:16 - Installing Bootstrap to Project
0:06:18 - Installing TypeScript React code snippets Extension
0:07:00 - Create Application Folder Structure
0:08:42 - Why we use TypeScript with React ?
0:12:05 - Use TypeScript with State
0:15:12 - Adding TypeScript Interface
0:17:55 - Create Header Component
0:21:55 - Create NotesList Component
0:24:00 - Use TypeScript with Props
0:30:12 - Create Notes Component
0:33:55 - Use TypeScript with Functions
0:39:27 - Create Note Component
0:45:37 - Use TypeScript with Ref
0:48:43 - Use TypeScript with Events
0:50:00 - Form Validation
0:57:56 -Testing the Application
0:59:30 - Outro
***React Roadmap for Developers in 2021***
How to Learn React JS ? - https://youtu.be/06yVj8pcO5c
React in One Project - https://youtu.be/0riHps91AzE
Learn React Redux with Project - https://youtu.be/0W6i5LYKCSI
What is Redux ? - https://youtu.be/qNjNn9BCWCc
Learn React Redux Thunk with Project - https://youtu.be/JDZRfLGNWdc
Learn React Hooks - https://youtu.be/hJ5UEtdS8qE
???? Social Medias ????
Twitter: https://twitter.com/IMDmalvia
Facebook: https://www.facebook.com/programmingwithdipesh
Instagram: https://www.instagram.com/dipeshmalvia
LinkedIn: https://www.linkedin.com/in/dmalvia/
⭐️ Tags ⭐️
- React with TypeScript Crash Course
- React TypeScript Notes Application
- React Typescript Projects For Beginners
- Learn TypeScript with React js
- TypeScript Tutorial
⭐️ Hashtags ⭐️
#react #typescript #beginners #tutorial
Disclaimer:
It doesn't feel good to have a disclaimer in every video but this is how the world is right now.
All videos are for educational purpose and use them wisely. Any video may have a slight mistake, please take decisions based on your research. This video is not forcing anything on you.