React.js Essentials电子书

React.js Essentials

Table of Contents

React.js Essentials

Credits

Foreword

About the Author

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. Installing Powerful Tools for Your Project

Approaching our project

Installing Node.js and npm

Installing Git

Getting data from the Twitter Streaming API

Filtering data with Snapkite Engine

Creating the project structure

Creating package.json

Reusing Node.js modules

Building with Gulp.js

Creating a web page

Summary

2. Create Your First React Element

Understanding the virtual DOM

Installing React

Creating React Elements with JavaScript

The type parameter

The props parameter

The children parameter

Rendering React Elements

Creating React Elements with JSX

Summary

3. Create Your First React Component

Stateless versus stateful

Creating your first stateless React component

Creating your first stateful React component

Summary

4. Make Your React Components Reactive

Solving a problem using React

Planning your React application

Creating a container React component

Summary

5. Use Your React Components with Another Library

Using another library in your React component

Understanding React component's lifecycle methods

Mounting methods

The getInitialState method

The componentWillMount method

The componentDidMount method

Unmounting methods

The componentWillUnmount method

Summary

6. Update Your React Components

Understanding component lifecycle's updating methods

The componentWillReceiveProps method

The shouldComponentUpdate method

The componentWillUpdate method

The componentDidUpdate method

Setting default React component properties

Validating React component properties

Creating a Collection component

Summary

7. Build Complex React Components

Creating the TweetList component

Creating the CollectionControls component

Creating the CollectionRenameForm component

Creating the Button component

Creating the CollectionExportForm component

Summary

8. Test Your React Application with Jest

Why write unit tests?

Creating test suits, specs, and expectations

Installing and running Jest

Creating multiple specs and expectations

Testing React components

Summary

9. Supercharge Your React Architecture with Flux

Analyzing your web application's architecture

Understanding Flux

Creating a dispatcher

Creating an action creator

Creating a store

Summary

10. Prepare Your React Application for Painless Maintenance with Flux

Decoupling concerns with Flux

Refactoring the Stream component

Creating CollectionStore

Creating CollectionActionCreators

Refactoring the Application component

Refactoring the Collection component

Refactoring the CollectionControls component

Refactoring the CollectionRenameForm component

Refactoring the TweetList component

Refactoring the StreamTweet component

Build and go beyond

Index