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

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