Hello JSX | 02Skills

Autoplay
Autocomplete

Previous Lesson Complete and Continue

Mastering React.js Reusable Components

Creating a React JSX Component

Overview and downloads
Setting Things Up (10:55)
Configuring the WebPack Development Server (8:07)
Developing in ES2016 Today with Babel (9:46)
Hello JSX (9:10)
Creating a Component (8:34)
References and further reading

Understanding the React Paradigm shift

Using Components inside of Components (7:12)
Passing Properties to Components (5:59)
Dynamically passing Components into Components (9:18)
Components that change with state (10:08)
How React Works (and Arrow functions) (10:04)
References and further reading

Componentizing

Sectioning our site into components (7:46)
Composition instead of Inheritance (8:30)
Dynamic Children from Model Data (7:35)
var, let and const (7:27)
Exploring ES6 Strings (5:16)
References and further reading

Reusable Components

Finding Bugs (9:59)
Extracting the Model from the view (11:28)
Using the JSX and ES6 Spread features (9:01)
Validating development props (7:57)
Making everything dynamic (5:52)
Final thoughts on reusability (5:20)
References and further reading

Building a Single Page Application

Preparing for Isomorphic JavaScript (7:10)
Building out the site Navigation (7:13)
Bubbling events in React (12:58)
Merging our Model with our View (8:25)
Making things dynamic with Maps (5:07)
SPA – Creating a Single Page application (11:28)
References and further reading

Teach online with

Hello JSX

Lesson content locked

If you're already enrolled, you'll need to login.

Enroll in Course to Unlock