/React-16-Tooling

React 16 Tooling, published by Packt

Primary LanguageJavaScriptMIT LicenseMIT

React 16 Tooling

This is the code repository for React 16 Tooling, published by Packt. It contains all the supporting project files necessary to work through the book from start to finish.

About the Book

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.

Instructions and Navigation

All of the code is organized into folders. Each folder starts with a number followed by the application name. For example, Chapter02.

The code will look like the following:

import React from 'react';
const Heading = ({ children }) => (
 <h1>{children}</h1>
);
export default Heading;
  • Learn the basics of React.
  • If you're already using React in your project, identify missing tools.

Related Products

Download a free PDF

If you have already purchased a print or Kindle version of this book, you can get a DRM-free PDF version at no cost.
Simply click on the link to claim your free PDF.

https://packt.link/free-ebook/9781788835015