React 16 Tooling

React 16 Tooling covers in detail the most important tools, utilities, and libraries that every React developer needs to know. About This Book * Each chapter presents meta-development solutions to help React developers. * The tools used are presented in a practical, solution-oriented approach with no fluff. * The chapters are arranged in a logical order that mirrors a typical React development workflow, but the reader is free to tweak the approaches discussed to fit their own unique style Who This Book Is For This book is targeted at React developers of any skill level who want to make their lives easier. It will help to have some familiarity with React, but if you are an experienced web developer looking at React, then this book will show you how to build a resilient toolset around you before you begin. What You Will Learn * How to bootstrap React application development using create-react-app * How to isolate React component development using Storybook * How to write effective unit tests for your React components using Jest * How to ensure that your component code is to standard using ESLint * How to use browser extensions and built-in component instrumentation to debug React applications * How to enable type safety in React components by introducing Flowtype to your build * How to deploy React applications inside a Docker container as part of a larger application stack In Detail As React has grown, the amazing toolset around it has grown, adding features and enhancing the development workflow. These range from essential third-party tools, such as Jest for carrying out testing, to official first-party tools, such as create-react-app that most developers use for bootstrapping new React applications. React 16 Tooling covers in detail the most important tools, utilities and libraries that every React developer needs to know. These will make your development life simpler and happier, enabling you to create better and more performant apps. React 16 Tooling presents a hand-picked selection of the best tools for the React 16 ecosystem. For starters, there’s the create-react-app utility that’s officially supported by the React team. Not only does this tool bootstrap your React project for you, it also provides a consistent and stable framework to build upon. The premise is that when you don’t have to think about meta development work, more focus goes into the product itself. Other React tools follow this same approach to automating and improving your development life. Jest makes unit testing easier. The React devtools browser plugin makes debugging components easier. Flow makes catching common type errors easy. Storybook makes developing components in isolation easier. ESLint makes writing standardized quality React code easier. Docker containers make deploying React applications in a stack easier.In this book, we’ll look at each of these powerful tools in detail, showing you how to build the perfect React ecosystem to develop your apps within.

Table of Contents

Chapter 1. Creating a Personalized React Development Ecosystem
Chapter 2. Efficiently Bootstrapping React Applications with Create React App
Chapter 3. Development Mode and Mastering Hot Reloading
Chapter 4. Optimizing Test-Driven React Development
Chapter 5. Streamlining Development and Refactoring with Type-Safe React Components
Chapter 6. Enforcing Code Quality to Improve Maintainability
Chapter 7. Isolating Components with Storybook
Chapter 8. Debugging Components in the Browser
Chapter 9. Instrumenting Application State with Redux
Chapter 10. Building and Deploying Static React Sites with Gatsby
Chapter 11. Building and Deploying React Applications with Docker Containers