React Crash Course for Beginners - Learn ReactJS from Scratch

Overview

Dive into a comprehensive 3-hour 52-minute tutorial on React.js, designed for beginners to learn from scratch. Start with the fundamentals of React, including its core concepts and advantages in building Single Page Applications (SPAs). Progress through hands-on coding exercises, creating a React project, and setting up a code editor. Explore component-based architecture, styling with CSS classes, and working with props and dynamic content. Master state management, event handling, and routing in React applications. Learn to implement forms, handle user input, and make HTTP requests. Delve into advanced topics like useEffect hook and React Context for state management. Build a complete project while learning to output lists, use CSS modules, and navigate programmatically. Gain practical insights into fetching data, updating state, and utilizing context in components. Conclude with a summary of key React concepts and best practices for building modern web applications.

Syllabus

Introduction
What is React
First React Code
Building SPAs
React Alternatives
Creating a React Project
Setting Up a Code Editor
Diving Into the Created Project
How React Works & Understanding Components
More About Components & Styling with CSS Classes
Building & Reusing Another Component
Pros & Dynamic Content
Handling Events
Adding More Components
Introducing State
Event Props
Adding Routing
Adding Links & Navigation
CSS Modules
Outputting Lists
Adding More Components´
Props Children
Adding a Form
Getting User Input & Handling Form Submission
Preparing the App for HTTP
Sending a Post Request
Navigating Programmatically
Getting Started with Fetching Data
useEffect
Introducing React Context´
Context Logic & Different Ways of Updating State
Using Context in Components
More Context Usage
Summary