Learn React 18: The Complete React Developer Course | FREE COURSE
58.1 هزار بار بازدید -
2 سال پیش
-
► Download React scripts from
► Download React scripts from CodeCanyon: https://codecanyon.net/search/react?u...
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
1.1 Introduction 00:00:00
2 React With No Tool-Chain
2.1 Building Your First React App 00:02:19
2.2 Introducing Components 00:12:20
3 React With Tool-Chain
3.1 Setting Up Your Environment 00:18:46
3.2 Introducing JSX 00:23:09
3.3 Starting From Scratch 00:32:40
3.4 Using Fragments 00:40:28
3.5 Separating JavaScript and JSX 00:51:28
4 Working With Data
4.1 Passing Data With Props 00:59:30
4.2 Validating Props 01:06:57
4.3 Providing Default Prop Values 01:15:37
4.4 Getting Started With State 01:20:14
4.5 Handling DOM Events 01:29:23
4.6 Writing Components as Classes 01:35:08
4.7 Using Controlled Inputs 01:45:33
4.8 Lifting State and Custom Events 01:57:21
4.9 Using Uncontrolled Inputs 02:04:33
5 Styling Components
5.1 Styling With Inline Styles 02:15:56
5.2 Using CSS Modules 02:23:15
6 Working With External Data
6.1 Preparing the Weather Widget 02:31:34
6.2 Handling Side Effects in Class Components 02:38:46
6.3 Using the Effects Hook in Function Components 02:47:35
6.4 Making Requests in Our Components 02:54:41
7 Building Single-Page Applications
7.1 Introducing React Routing 03:04:10
7.2 Using Layouts and Defining Nested Routes 03:14:02
7.3 Using Route Parameters 03:21:38
7.4 Using Side Effects in Router Pages 03:29:40
8 Conclusion
8.1 Conclusion 03:39:35
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_camp...
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
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...
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_camp...
► Subscribe to Envato Tuts+ on YouTube: tutsplus
► Follow Envato Tuts+ on Twitter: Twitter: tutsplus
► Follow Envato Tuts+ on Facebook: Facebook: tutsplus
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
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
1.1 Introduction 00:00:00
2 React With No Tool-Chain
2.1 Building Your First React App 00:02:19
2.2 Introducing Components 00:12:20
3 React With Tool-Chain
3.1 Setting Up Your Environment 00:18:46
3.2 Introducing JSX 00:23:09
3.3 Starting From Scratch 00:32:40
3.4 Using Fragments 00:40:28
3.5 Separating JavaScript and JSX 00:51:28
4 Working With Data
4.1 Passing Data With Props 00:59:30
4.2 Validating Props 01:06:57
4.3 Providing Default Prop Values 01:15:37
4.4 Getting Started With State 01:20:14
4.5 Handling DOM Events 01:29:23
4.6 Writing Components as Classes 01:35:08
4.7 Using Controlled Inputs 01:45:33
4.8 Lifting State and Custom Events 01:57:21
4.9 Using Uncontrolled Inputs 02:04:33
5 Styling Components
5.1 Styling With Inline Styles 02:15:56
5.2 Using CSS Modules 02:23:15
6 Working With External Data
6.1 Preparing the Weather Widget 02:31:34
6.2 Handling Side Effects in Class Components 02:38:46
6.3 Using the Effects Hook in Function Components 02:47:35
6.4 Making Requests in Our Components 02:54:41
7 Building Single-Page Applications
7.1 Introducing React Routing 03:04:10
7.2 Using Layouts and Defining Nested Routes 03:14:02
7.3 Using Route Parameters 03:21:38
7.4 Using Side Effects in Router Pages 03:29:40
8 Conclusion
8.1 Conclusion 03:39:35
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_camp...
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
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...
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_camp...
► Subscribe to Envato Tuts+ on YouTube: tutsplus
► Follow Envato Tuts+ on Twitter: Twitter: tutsplus
► Follow Envato Tuts+ on Facebook: Facebook: tutsplus
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
2 سال پیش
در تاریخ 1401/05/05 منتشر شده
است.
58,183
بـار بازدید شده