React Cookbook

Overview of this book

React.js is Facebook's dynamic frontend web development framework. It helps you build efficient, high-performing web applications with an intuitive user interface. With more than 66 practical and self-contained tutorials, this book examines common pain points and best practices for building web applications with React. Each recipe addresses a specific problem and offers a proven solution with insights into how it works, so that you can modify the code and configuration files to suit your requirements. The React Cookbook starts with recipes for installing and setting up the React.js environment with the Create React Apps tool. You’ll understand how to build web components, forms, animations, and handle events. You’ll then delve into Redux for state management and build amazing UI designs. With the help of practical solutions, this book will guide you in testing, debugging, and scaling your web applications, and get to grips with web technologies like WebPack, Node, and Firebase to develop web APIs and implement SSR capabilities in your apps. Before you wrap up, the recipes on React Native and React VR will assist you in exploring mobile development with React. By the end of the book, you will have become familiar with all the essential tools and best practices required to build efficient solutions on the web with React.

Preface

Who this book is for

What this book covers

To get the most out of this book

Get in touch

Free Chapter

Working with React

Introduction

Working with the latest JS features in React

What's new in React?

Using React on Windows

Conquering Components and JSX

Introduction

Creating our first React component

Organizing our React application

Styling a component with CSS classes and inline styles

Passing props to a component and validating them with PropTypes

Using local state in a component

Making a functional or stateless component

Understanding React lifecycle methods

Understanding React Pure Components

Preventing XSS vulnerabilities in React

Handling Events, Binding and Useful React Packages

Introduction

Binding methods using the constructor versus using arrow functions

Creating form elements with events

Displaying information in a modal with react-popup

Implementing Airbnb React/JSX Style Guide

Updating our title and meta tags with React Helmet

Adding Routes to Our Application with React Router

Introduction

Implementing React Router v4

Adding parameters to our routes

Mastering Redux

Introduction

Creating a Redux Store

Making action creators and dispatching actions

Implementing Firebase with Redux

Creating Forms with Redux Form

Introduction

Creating a controlled form with the local state

Building a form using Redux Form

Implementing validation in a form

Animations with React

Introduction

Animating a todo list with ReactCSSTransitionGroup

Using react-animations library

Creating our first animation with React Pose

Creating an API with Node.js Using MongoDB and MySQL

Introduction

Creating a basic API with Express

Building a database with MongoDB

Building a database with MySQL

Adding access tokens to secure our API

Apollo and GraphQL

Introduction

Creating our first GraphQL server

Creating a Twitter timeline with Apollo and GraphQL

Mastering Webpack 4.x

Introduction

Webpack 4 Zero Configuration

Adding React to Webpack 4

Adding Webpack Dev Server and Sass, Stylus, or LessCSS with React

Webpack 4 Optimization – Splitting Bundles

Implementing Node.js with React/Redux and Webpack 4

Implementing Server-Side Rendering

Introduction

Implementing Server-Side Rendering

Implementing promises with Server-Side Rendering

Implementing Next.js

Testing and Debugging

Introduction

Testing our first component with Jest and Enzyme

Testing a Redux Container, Actions, and Reducers

Debugging a React application using React and Redux Dev Tools

Simulating Events

Deploying to Production

Introduction

Deploying to production on Digital Ocean

Configuring Nginx, PM2, and a domain in our Droplet

Implementing Jenkins (continuous integration)

Working with React Native

Introduction

Creating our first React Native Application

Creating a Todo List with React Native

Implementing React Navigation V2

Most Common React Interview Questions

Other Books You May Enjoy

Leave a review - let other readers know what you think

Customer Reviews

5 star

4 star

3 star

2 star

1 star

To get the most out of this book

To master React, you need to have a fundamental knowledge of JavaScript and Node.js. The book mostly targets Web developers, and at the time of writing, the following assumptions were made for the reader:

The reader knows how to install the latest version of Node.js.
An intermediate developer who can understand JavaScript ES6 syntax.
Little experience with CLI tools and Node.js syntax.

The book also has a little for Mobile developers (iOS and Android) using React Native, if you are a beginner you should learn how to install Android SDK or the iOS simulator with Xcode.

Download the example code files

You can download the example code files for this book from your account at www.packtpub.com. If you purchased this book elsewhere, you can visit www.packtpub.com/support and register to have the files emailed directly to you.

You can download the code files by following these steps:

Log in or register at www.packtpub.com.
Select the SUPPORT tab.
Click on Code Downloads & Errata.
Enter the name of the book in the Search box and follow the onscreen instructions.

Once the file is downloaded, please make sure that you unzip or extract the folder using the latest version of:

WinRAR/7-Zip for Windows
Zipeg/iZip/UnRarX for Mac
7-Zip/PeaZip for Linux

The code bundle for the book is also hosted on GitHub at https://github.com/PacktPublishing/React-Cookbook. If there's an update to the code, it will be updated on the existing GitHub repository.

We also have other code bundles from our rich catalog of books and videos available at https://github.com/PacktPublishing/. Check them out!

Warnings or important notes appear like this.

Tips and tricks appear like this.

React Cookbook

React Cookbook

Overview of this book

Related Content you might be interested in

Current Title:

React Cookbook

React Design Patterns and Best Practices.

React 17 Design Patterns and Best Practices

React 18 Design Patterns and Best Practices