[Lynda 2016] Up and Running with React.js (Перевод на русский)
Освойте новый JavaScript фреймворк React.js
Описание: A new JavaScript framework 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 states, as well as the foundational parent/child relationships within React.js. Eve also describes the life cycle 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 CommonJS, Browserify, and Reactify.
Скрытое содержимое.
Освойте новый JavaScript фреймворк React.js
Описание: A new JavaScript framework 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 states, as well as the foundational parent/child relationships within React.js. Eve also describes the life cycle 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 CommonJS, Browserify, and Reactify.
Introduction
Welcome
What you should know before watching this course
Using the exercise files1. What is React.js?
What is React?
Why is React so fast?
Setting up React tools with Chrome2. Getting Started
React.js syntax
Introducing JSX
Preprocessing JSX3. React Components
What is a React component?
Creating a React component
Using properties
Handling events
Using state
Adding state to the note component4. Parent/Child Relationships
Using refs
PropTypes
Adding multiple child elements
Updating and removing notes through props
Adding new notes
A deeper look at keys5. Component Life Cycle
Understanding the component life cycle
Mounting components
Setting properties
Updating components
Adding lifecycle functions to our bulletin board6. Creating an App
Integrating React with a server
Hosting your app with npm and httpster
Enhancing React with additional frameworksConclusion
Next steps
Welcome
What you should know before watching this course
Using the exercise files1. What is React.js?
What is React?
Why is React so fast?
Setting up React tools with Chrome2. Getting Started
React.js syntax
Introducing JSX
Preprocessing JSX3. React Components
What is a React component?
Creating a React component
Using properties
Handling events
Using state
Adding state to the note component4. Parent/Child Relationships
Using refs
PropTypes
Adding multiple child elements
Updating and removing notes through props
Adding new notes
A deeper look at keys5. Component Life Cycle
Understanding the component life cycle
Mounting components
Setting properties
Updating components
Adding lifecycle functions to our bulletin board6. Creating an App
Integrating React with a server
Hosting your app with npm and httpster
Enhancing React with additional frameworksConclusion
Next steps