React Basics

Focused View

Guil Hernandez

1:46:41

168 View

1. First Steps in React

01 - Introducing React - React Basics.mp4

03:13

1-first-steps-in-react.zip

02 - Add React to a Project - React Basics.mp4

03:43

03 - Create a React Element - React Basics.mp4

04:37

04 - Render an Element - React Basics.mp4

06:18

05 - Understanding JSX - React Basics.mp4

04:08

06 - Embed JavaScript Expressions in JSX - React Basics.mp4

06:47

2. Thinking in Components

2-thinking-in-components.zip

07 - What is a Component - React Basics.mp4

02:53

08 - Create a Component - React Basics.mp4

02:25

09 - Use a Component with JSX - React Basics.mp4

02:38

10 - Components as Arrow Functions - React Basics.mp4

00:55

11 - Create the Player Component - React Basics.mp4

03:21

12 - Composing Components - React Basics.mp4

03:19

13 - React Developer Tools - React Basics.mp4

03:49

3. Introducing Props

14 - Setting and Using Props - React Basics.mp4

07:24

15 - Use Props to Create Reusable Components - React Basics.mp4

04:45

16 - Iterating and Rendering with map() - React Basics.mp4

04:41

17 - Use Keys to Keep Track of Elements - React Basics.mp4

03:58

Exercise Files.zip

4. Understanding State

4-understanding-state.zip

18 - What is State - React Basics.mp4

04:15

19 - Create a Component as a Class - React Basics.mp4

04:00

20 - Create a Stateful Component - React Basics.mp4

04:21

21 - Handling Events - React Basics.mp4

02:56

22 - Updating State - React Basics.mp4

02:14

23 - Bind Event Handlers to Components - React Basics.mp4

05:08

24 - Update State Based on Previous State - React Basics.mp4

03:30

25 - Creating the Application State - React Basics.mp4

04:34

26 - Remove Items From State - React Basics.mp4

06:49

Description

About this Course

React is a JavaScript library for building user interfaces. React makes building and maintaining your application's user interface faster and easier by breaking it up into smaller, reusable components. It also helps eliminate the complexity of updating your DOM elements when the user interacts with your application.

What you'll learn

JSX
Props
State
Components
Events

More details

User Reviews

Rating

average 0

Total votes0

Focused display

React

React Native

Guil Hernandez

Instructor's Courses

Guil is a Full Stack JavaScript and Front End Web Development instructor at Treehouse. You can follow him on Twitter @guilh.

Treehouse

View courses Treehouse

Treehouse or is an online technology school that offers beginner to advanced courses in web design, web development, mobile development and game development. Its courses are aimed at beginners looking to learn computer coding skills for a career in the tech industry.