In this video we are going to learn about React JS Fundamentals from scratch. This video course is specially if you are planning to learn React in 2021 as a beginner. We will build a contact manager application using all the basics of react. You will find the topics covered in the timestamp below.
***React Roadmap for Developers in 2021***
How to Learn React JS ? – https://youtu.be/06yVj8pcO5c
***Checkout these video to understand better***
JavaScript this Keyword – https://youtu.be/S2pBGSeUFCk
JavaScript ES6 Arrow Functions – https://youtu.be/TgzVxiPdCDU
JavaScript Higher Order Functions & Arrays Methods – https://youtu.be/m2_kagsc3_c
JavaScript ES6 Destructuring – https://youtu.be/rpYg2M2lNAE
***Github link for Reference***
https://github.com/dmalvia/React_Tutorial_Contact_Manager_App.git
Video contents… ENJOY
0:00:00 – Intro
0:00:10 – Application Demo
0:01:35 – What will you learn in this video ?
0:02:16 – Setup
0:03:03 – Create React App
0:04:27 – Start React Development Environment
0:04:45 – Understand React App Folder Structure
0:07:40 – Contact App Folder Structure/ Components
0:09:18 – React “Hello World” Components
0:09:35 – Adding Sematic UI to Project
0:10:26 – Understand React Components
0:12:15 – React JSX
0:13:24 – Function Component
0:15:23 – Class Component
0:19:37 – Rendering List in React
0:20:32 – Props – Pass data from parent to child
0:21:00 – Access Props
0:23:16 – Reference variable in JSX
0:25:00 – Adding In-line Style
0:27:39 – Add images in React
0:29:08 – useState React Hook
0:33:26 – Pass Function as Prop
0:34:34 – Update the State using setState()
0:36:30 – useEffect React Hook
0:46:23 – Enhancement in next video
0:46:58 – Outro
***More videos***
JSON Crash Course – https://youtu.be/6OhMbf2v_jI
Asynchronous Vs Synchronous Programming – https://youtu.be/oesicy3CcXE
Async JavaScript Callback – https://youtu.be/1zeuvEvw5uw
Async JavaScript Promises Tutorial – https://youtu.be/JvV4Rz2PpzA
***Checkout my crash courses for get started with web development***
JavaScript Tutorial For Beginners | Part 1 – https://youtu.be/t6_waVDdG-E JavaScript Tutorial For Beginners | Part 2 – https://youtu.be/LRLMs0TCflE
JavaScript Tutorial For Beginners | Part 3 – https://youtu.be/sqpy36PNAdk
JavaScript Tutorial For Beginners | Part 4 – https://youtu.be/MQrR0nrvg8o
HTML5 Crash Course in 1 Hour – https://youtu.be/Aj3QFsmsagc
CSS Crash Course in 1 Hour – https://youtu.be/nYsk_U_A_lc
Social Medias
Twitter: https://twitter.com/IMDmalvia
Facebook: https://www.facebook.com/dipesh.malvia
Instagram: https://www.instagram.com/dipeshmalvia
LinkedIn: https://www.linkedin.com/in/dmalvia/
⭐️ Tags ⭐️
– React
– React Tutorial
– React JS Crash course
– React Project
– React For Beginners
⭐️ Hashtags ⭐️
#React#Beginners#Tutorials
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.