Lynda - Learn React.js: The Basics (2016)

MP4 | AVC 258kbps | English | 1280x720 | 15fps | 1h 32mins | AAC stereo 160kbps | 434 MB

Genre: Video Training

A new JavaScript library has arrived: React.js. React.js is designed to make the process of building modular, reusable user interface components simple and intuitive. Here Eve Porcello will help you learn React.js while guiding you through the process of building the interface for a bulletin board app. She reviews components, properties, and state, as well as the foundational parent/child relationships within React.js. Eve also describes the lifecycle of components and how developers can trigger creation, lifetime, and teardown events. The course wraps with a chapter dedicated to building a more complete app with React.js and companion tools like Babel, NPM, and more.

Introduction

Welcome UPDATED

What you should know before watching this course

Using the exercise files

1. What is React.js?

What is React?

Why is React so fast?

Setting up React tools with Chrome

2. Getting Started

React.js syntax

Introducing JSX and Babel UPDATED

3. React Components

What is a React component?

Creating a React component UPDATED

Using properties

Handling events

Using state

Adding state to the note component

4. Parent/Child Relationships

Using refs

PropTypes

Adding multiple child elements

Updating and removing notes through props

Adding new notes

A deeper look at keys

5. Component Life Cycle

Understanding the component life cycle

Mounting components

Setting properties

Updating components

Adding lifecycle functions to our bulletin board

6. Creating an App

Integrating React with a server UPDATED

Hosting your app with npm and httpster UPDATED

Enhancing React with additional frameworks UPDATED

Conclusion

Next steps