► Download React scripts from CodeCanyon: https://codecanyon.net/search/react?utm_campaign=yt_tutsplus_l4G2MVgXFkw&utm_medium=referral&utm_source=youtube.com&utm_content=description

React is the most popular framework for building user interfaces. You want to learn React, but you're not really sure where to start. Never fear! In this course, Jeremy McPeak will teach you the fundamental concepts you need to start building applications with React 18.

1 Introduction
00:00:00 1.1 Introduction

2 React With No Tool-Chain
00:02:19 2.1 Building Your First React App
00:12:20 2.2 Introducing Components

3 React With Tool-Chain
00:18:46 3.1 Setting Up Your Environment
00:23:09 3.2 Introducing JSX
00:32:40 3.3 Starting From Scratch
00:40:28 3.4 Using Fragments
00:51:28 3.5 Separating JavaScript and JSX

4 Working With Data
00:59:30 4.1 Passing Data With Props
01:06:57 4.2 Validating Props
01:15:37 4.3 Providing Default Prop Values
01:20:14 4.4 Getting Started With State
01:29:23 4.5 Handling DOM Events
01:35:08 4.6 Writing Components as Classes
01:45:33 4.7 Using Controlled Inputs
01:57:21 4.8 Lifting State and Custom Events
02:04:33 4.9 Using Uncontrolled Inputs

5 Styling Components
02:15:56 5.1 Styling With Inline Styles
02:23:15 5.2 Using CSS Modules

6 Working With External Data
02:31:34 6.1 Preparing the Weather Widget
02:38:46 6.2 Handling Side Effects in Class Components
02:47:35 6.3 Using the Effects Hook in Function Components
02:54:41 6.4 Making Requests in Our Components

7 Building Single-Page Applications
03:04:10 7.1 Introducing React Routing
03:14:02 7.2 Using Layouts and Defining Nested Routes
03:21:38 7.3 Using Route Parameters
03:29:40 7.4 Using Side Effects in Router Pages

8 Conclusion
03:39:35 8.1 Conclusion

Related Links:
• React CDN Links: https://reactjs.org/docs/cdn-links.html
• Visual Studio Code: https://code.visualstudio.com/
• Node.js: https://nodejs.org/en/
• Weatherstack: https://weatherstack.com/
• News API: https://newsapi.org/

► Download unlimited photos, fonts & templates with Envato Elements: https://elements.envato.com/?utm_campaign=yt_tutsplus_l4G2MVgXFkw&utm_medium=referral&utm_source=youtube.com&utm_content=description

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Envato Tuts+
Discover free how-to tutorials and online courses. Design a logo, create a website, build an app, or learn a new skill: https://tutsplus.com/?utm_campaign=yt_tutsplus_l4G2MVgXFkw&utm_medium=referral&utm_source=youtube.com&utm_content=description

Envato Elements
All the creative assets you need under one subscription. Customize your project by adding unique photos, fonts, graphics, and themes.
► Download Unlimited Stock Photos, Fonts & Templates with Envato Elements: https://elements.envato.com/?utm_campaign=yt_tutsplus_l4G2MVgXFkw&utm_medium=referral&utm_source=youtube.com&utm_content=description

► Subscribe to Envato Tuts+ on YouTube: https://www.youtube.com/tutsplus
► Follow Envato Tuts+ on Twitter: https://twitter.com/tutsplus
► Follow Envato Tuts+ on Facebook: https://www.facebook.com/tutsplus
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -