ReactJS by Example - Building Modern Web Applications with React电子书

ReactJS by Example - Building Modern Web Applications with React

Table of Contents

ReactJS by Example - Building Modern Web Applications with React

Credits

About the Authors

About the Reviewers

www.PacktPub.com

Support files, eBooks, discount offers, and more

Why subscribe?

Free access for Packt account holders

Preface

What this book covers

What you need for this book

Who this book is for

Conventions

Reader feedback

Customer support

Downloading the example code

Errata

Piracy

Questions

1. Getting Started with React

What is React?

When Shawn meets Mike and ReactJS

Requiring React library

Building our first component

Back to work

Displaying static data

Passing data to components

Summary

2. JSX in Depth

Why JSX?

Transforming JSX into JavaScript

HTML tags vs React components

Self closing tag

Multiple components

JavaScript expressions

Namespaced components

Spread attributes

Styles in JSX

JSX Gotchas

Conditionals in JSX

Non-DOM attributes

Summary

3. Data Flow and Life Cycle Events

Data flow in React

Props validation

Specifying default props

Modifying this.props.children

State

Setting initial state

Setting state

Avoiding state

State versus props

Component life cycle overview

Component life cycle methods

Summary

4. Composite Dynamic Components and Forms

Forms in React

Setting up the application

Getting started with forms

Interactive props

Controlled components

Uncontrolled components

Getting started with form wizard

Form events

Parent Child relationship

Form validation

Shipping details step

Delivery details step

Summary

5. Mixins and the DOM

Back at the office

Adding a modal

Refs

Summary

6. React on the Server

Getting React to render on server

On the server

Summary

7. React Addons

Getting started with Addons

Immutability helpers

Available commands

Cloning components

Helpers for testing React apps

Setting up Jest

Testing structure of React components

Testing behavior of React components

Shallow rendering

Summary

8. Performance of React Apps

Performance of React apps

Virtual DOM

The PERF addon

DOM operations performed by React

Time taken to render all the components

Time wasted by React

The shouldComponentUpdate hook

PureRenderMixin

The PureRenderMixin anti pattern

Immutable data

Summary

9. React Router and Data Models

A new adventure

Creating Backbone models

Incorporating defined Backbone models

Data models and Backbone

Summary

10. Animation

Fun stuff at Adequate LLC!

Model updates

Animate

Summary

11. React Tools

Development tools

Using Babel for ES6 and JSX

ESLint

React Dev Tools

Build tools

What is Webpack?

Webpack configuration

Loaders

Hot module replacement

Summary

12. Flux

Flux architecture and unidirectional flow

Flux actions

Flux stores

Summary

13. Redux and React

Redux

Setting up Redux

Summary

Index