Log In
Or create an account ->
Imperial Library
Home
About
News
Upload
Forum
Help
Login/SignUp
Index
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
← Prev
Back
Next →
← Prev
Back
Next →