React Crash Course with React Web App project
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
-------------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------------
#learnreact #reacttutorial #norbertbmwebdevelopment
-
9:23
NorbertBM
1 year ago30 React Projects Course Launch
15 -
2:44
AHMEDKAZEKA97
1 year agoNextJS React Developer Course (2022)
52 -
16:09
Tech With Tim
3 years agoReact For Beginners #2 - Project Structure Walkthrough
22 -
1:41
AHMEDKAZEKA97
2 years agoMaster HTML5 Bootstrap5 & ReactJs From Scratch
45 -
13:03
thecodinggoat
1 year ago🐐 Next.js Tutorial - Develop, document, and showcase your React components in style with Storybook!
4 -
4:00
AHMEDKAZEKA97
2 years ago12 - Creating a New Project | React Native Course
17 -
2:24
ReactProSolutions
7 months ago6. Why Choose React for Your Web App
3 -
0:36
AHMEDKAZEKA97
2 years agoLearn React from Scratch with Create React App (2022)
63 -
0:40
Haryanvi Developer
5 months agoReact native course from scratch | Real Project | No dummy example | Free Tutorial | Hindi | Eng
15 -
4:43:01
BroCodez
5 months agoReact Full Course for free ⚛️ (2024)
12