Video Description
Learn how to use React.js to build faster, more testable web applications with fewer bugs. With this O’Reilly video course, experienced JavaScript developers will learn development principles of the React.js framework by diving hands-first into working examples. You’ll learn how to build isomorphic web apps that run on both client and server for lightning-fast mobile load times.
Veteran web developer Mike Sugarbaker guides you through development of a shopping list component with React, and then shows you how to expand this in-page widget to a full app with server-API interaction. These principles might make you uncomfortable at first, but you’ll soon appreciate what React brings to the table.
- Set up a simple command-line workflow with JSX
- Learn React’s lifecycle for managing a component’s creation, re-rendering, and destruction
- Understand the details (and perils) of using React’s tools for giving components local state
- Interact with an API using Facebook’s Flux pattern
- Learn how to run React code on the server as well as the client
- See two methods for making the server-side app respond to different URLs
- Get a sneak preview of the React Native project for producing native iOS apps with JavaScript
Mike Sugarbaker, a professional web developer for 18 years, has been using JavaScript even longer. Currently, he’s a front-end developer at Idealist.org.
Table of Contents
-
Introduction
- Why React? 00:10:09
- Setting Up 00:01:52
-
Basic Building
- A Simple Component 00:07:58
- A Whole Widget 00:06:13
-
JSX
- Jumping Into JSX 00:13:47
- JSX and Props 00:09:08
-
Interactivity, With Two Twists
- The React Lifecycle 00:04:13
- Local State 00:03:03
- A More Interactive Component 00:07:33
- Working With a Model 00:07:06
-
The Flux Pattern
- What's The Flux? 00:05:22
- Writing Our Own Spinner 00:04:28
- A Quick Side Trip Into Inline Styles 00:05:09
- Actions and the Dispatcher 00:06:54
- Consuming From the Store 00:21:21
-
Isomorphic Apps
- A Brief Look Around The Server 00:10:54
- Multiple Routes and Other Concerns 00:08:09
-
The Future
- From Mixins to ES6 00:06:48
- Testing and Animation 00:07:56
- And Now...React Native 00:11:58