2 years ago

Welcome the my React Crash Course.
In this course you will learn all the basics of React JS witch will set you up with the necessary knowledge to get starting creating applications using the React Framework.
This course has two parts:
theoretical part (definitions, explanations and resources ).
practical part ( build a work out planer web application using React and React Router).

🎱Source Code & PDF Download for this Video:
https://norbertbm.com/react-crash-course/
-----------------------------------------------------------------------------

Useful resources:

How to install and run NodeJS with NPM on Windows and Mac:
https://youtu.be/yM92Iuh35JY

ES6 JavaScript and most array methods:
https://youtube.com/playlist?list=PL1XOgHNZBUvKDBcAjjwJoW3JQ7ZR1PK87

Complete HTML CSS and JS Course:
https://youtu.be/1LqVCHcLVBM

React Router Crash Course with React v6 Invoice App:
https://youtu.be/wJaJIpDkfZE

Visual Studio Code Full Course for Beginners:
https://youtu.be/955G78tL8hE

👇 Website & Courses: 👨‍🏫 :
https://norbertbm.com/web-development/web-dev-courses/

Podcast:
https://www.youtube.com/channel/UCDKBcl1m__Oj7C5O-orhn_w
-------------------------------------------------------------------------------------------------
Timestamps:
00:00 - Intro & About me
00:53 - About this React Course
01:21 - What will you learn in this course
02:52 - Is there any prior knowledge required for learning React?
03:25 - Who is this course for?
04:11 - What is React
05:47 - Why learn react
07:58 - How React works
08:12 - What is a SPA
09:00 - React language JSX
09:30 - What are React components
10:28 - What are React Hooks and how to use them
11:32 - Useful resources
12:30 - React Web App Project Intro
15:28 - Project overview
20:06 - How to installing and run React
27:30 - The React File and Folder structure
39:26 - Writing JSX code
44:10 - How to use Images in React
46:44 - How to use CSS and Bootstrap CSS framework in React
54:47 - Creating components and props in React
01:13:31 - How to use Icons in React
01:21:30 - React Hook - useState
01:30:43 - React Hook - useEffect
01:36:42 - React Router - Client Side Routing
01:50:53 - How to Create multiple Routes in React
02:21:31 - Build the React Application
02:23:24 - Deploy React Application using Node.js and Express