Learn React JS Completely from scratch in this 2:30hrs Crash Course. This course is designed specially for new web developers, who just started to learn react js. In this course we will build a complete portfolio website using react js.
In this course, we are going to learn -
1. React ES6 Basic Syntax.
2. React Render HTML.
3. React JSX essential Syntax.
4. How to use React Components, Class, Props, Events.
5. React Conditionals.
6. React Router.
7. React Hooks such as - useState, useEffect, useCallback, Custom Hooks.
8. Most importantly we will learn the Best File & Folder Structure you should follow..... and much more.
By building our react js portfolio we will try to cover all these topics.
Timestamps:
0:00 Start
1:09 Portfolio Website Preview
3:17 Install React JS
4:46 Folders & Files Overview
6:27 Lets Organize The Folders & Files
8:20 Install React Packages
12:05 Creating Route Pages
20:19 Responsive React Navbar
48:20 Home Hero
1:01:27 Change Nav Background on Scroll
1:06:27 Footer
1:19:41 Render Components in different Pages
1:22:11 Learn Dynamic Components
1:36:31 Pricing Card
1:47:28 Dynamic Card Component
2:14:07 About Component
2:24:30 Contact Form Component
📚 Materials/References:
Starter Template: https://github.com/tech2etc/React-JS-Crash-Course
Full Source Code1: https://www.buymeacoffee.com/tech2etc/e/68843
Full Source Code2: https://ko-fi.com/s/59f9d8a90e
React Official Website: https://reactjs.org/
React Icons: https://react-icons.github.io/react-icons/
All Source Codes: https://www.buymeacoffee.com/tech2etc
GitHub: https://github.com/tech2etc
Subscribe: https://www.youtube.com/@Tech2etc/featured