React 16 Tooling电子书

Title Page

Copyright and Credits

React 16 Tooling

Packt Upsell

Why subscribe?

PacktPub.com

Contributors

About the author

About the reviewer

Packt is searching for authors like you

Preface

Who this book is for

What this book covers

To get the most out of this book

Download the example code files

Download the color images

Conventions used

Get in touch

Reviews

Creating a Personalized React Development Ecosystem

What's included with React

Components that compare render trees

The DOM render target

Introducing tooling?

Ancillary tasks outside of React

A construction site analogy

React tooling covered in this book

JSX needs to be compiled to JavaScript

Newer JavaScript language features need to be transpiled

Hot module loading to enable application development

Running unit tests automatically

Thinking about type safety

Linting for code quality

Isolating component development environments

Providing a browser-based debugging environment

Deploying React applications

Choosing the right tools

Essential tools

Optional tools

Summary

Efficiently Bootstrapping React Applications with Create React App

Installing Create React App

Creating your first app

Specifying a project name

Automatic dependency handling

Directory structure

Top-level files

Static assets

Source code

Summary

Development Mode and Mastering Hot Reloading

Starting the development server

Webpack configuration

Entry points

Build output

Resolving input files

Loading and compiling files

Configuring plugins

Hot reloading

Hot component reloading in action

Ejecting from Create React App

Summary

Optimizing Test-Driven React Development

The driving philosophy of Jest

Mock everything except the application code

Isolate tests and run in parallel

Tests should feel natural

Running tests

Running tests using react-scripts

Running tests using standalone Jest

Writing Jest tests

Organizing tests using suites

Basic assertions

Basic equality

Approximate equality

Value equality

Values in collections

Working with mocks

Asynchronous assertions

React component snapshots

Unit test coverage

Summary

Streamlining Development and Refactoring with Type-Safe React Components

What does type-safety solve?

Replacing guesswork with assurance

Removing runtime checks

Obvious low-severity bugs

Installing and initializing Flow

Validating component properties and state

Primitive property values

Object property values

Validating component state

Function property values

Enforcing child component types

Parents with specific children types

Parents with one child

Parents with an optional child

Parents with primitive child values

Validating event handler functions

Bringing Flow into the development server

Bringing Flow into your editor

Summary

Enforcing Code Quality to Improve Maintainability

Installing and configuring ESLint

Building on Airbnb standards

Adding React plugins to ESLint

Using ESLint with create-react-app

Using ESLint in a code editor

Automating code formatting with Prettier

Summary

Isolating Components with Storybook

The need for isolated component development

Installing and configuring Storybook

Developing components with stories

Experimenting with props

Experimenting with actions

Linking stories together

Stories as documentation

Building static Storybook apps

Summary

Debugging Components in the Browser

Installing the React Developer Tools add-on

Working with React elements in React Developer Tools

Selecting React elements

Searching for React elements

Inspecting component properties and state

Manipulating element state values

Profiling component performance

Removing reconciliation work

Finding CPU intensive components

Summary

Instrumenting Application State with Redux

Building a Redux app

The App component and state

The Home component and state

The NewBook component and state

The API abstraction

Putting it all together

Installing Redux DevTools

Selecting and examining actions

Action data

Action state trees and charts

Action state diffs

Time travel debugging

Manually triggering actions

Exporting and importing state

Summary

Building and Deploying Static React Sites with Gatsby

Why static React sites?

Types of React apps

Better user experience

Efficient resource usage

Building your first Gatsby site

Adding local filesystem data

Fetching remote data

Summary

Building and Deploying React Applications with Docker Containers

Building a messaging app

Starting Barely SMS

Logging in

The home page

The contacts page

The messages page

Sending a message

The API

Getting started with Node containers

Composing React apps with services

Static React builds for production

Summary

Another Book You May Enjoy

Leave a review – let other readers know what you think