YoVDO

Learn React 18: The Complete React Developer Course

Offered By: Envato Tuts+ via YouTube

Tags

React Courses Application Development Courses Routing Courses Event Handling Courses Single-Page Applications Courses JSX Courses

Course Description

Overview

Master the fundamentals of React 18 in this comprehensive course designed for aspiring developers. Begin by building your first React app without a tool-chain, then progress to using a full development environment. Explore essential concepts such as JSX, components, fragments, and the separation of JavaScript and JSX. Dive into working with data through props, state management, and event handling in both functional and class components. Learn to style your components using inline styles and CSS modules. Gain practical experience by creating a weather widget, handling side effects, and making API requests. Conclude by building single-page applications with React Router, including nested routes and route parameters. By the end of this 3-hour 41-minute course, you'll have the skills to start developing your own React applications confidently.

Syllabus

1.1 Introduction
2.1 Building Your First React App
2.2 Introducing Components
3.1 Setting Up Your Environment
3.2 Introducing JSX
3.3 Starting From Scratch
3.4 Using Fragments
3.5 Separating JavaScript and JSX
4.1 Passing Data With Props
4.2 Validating Props
4.3 Providing Default Prop Values
4.4 Getting Started With State
4.5 Handling DOM Events
4.6 Writing Components as Classes
4.7 Using Controlled Inputs
4.8 Lifting State and Custom Events
4.9 Using Uncontrolled Inputs
5.1 Styling With Inline Styles
5.2 Using CSS Modules
6.1 Preparing the Weather Widget
6.2 Handling Side Effects in Class Components
6.3 Using the Effects Hook in Function Components
6.4 Making Requests in Our Components
7.1 Introducing React Routing
7.2 Using Layouts and Defining Nested Routes
7.3 Using Route Parameters
7.4 Using Side Effects in Router Pages
8.1 Conclusion


Taught by

Envato Tuts+

Related Courses

Desarrollo de Aplicaciones Web: Nivel de Presentación
University of New Mexico via Coursera
Front End Frameworks
Google via Udacity
Front-End JavaScript Frameworks: Angular
The Hong Kong University of Science and Technology via Coursera
Front-End Web Development with React
The Hong Kong University of Science and Technology via Coursera
Desarrollo de pƔginas con Angular
Universidad Austral via Coursera