Packt+ | Advance your knowledge in tech

0

All Products

Best Sellers

New Releases

Books

Videos

Audiobooks

Free Learning

React Cookbook

You're reading from React Cookbook Create dynamic web apps with React using Redux, Webpack, Node.js, and GraphQL

Product type Paperback

Published in Aug 2018

Publisher Packt

ISBN-13 9781783980727

Length 580 pages

Edition 1st Edition

Languages

JavaScript

Tools

GraphQL

Concepts

Front End Web Development

Author (1):

Carlos Santana Roldán

View More author details

Table of Contents (23) Chapters

Title Page

Copyright and Credits

Packt Upsell

Contributors

Dedication

Preface

1. Working with React FREE CHAPTER

2. Conquering Components and JSX

3. Handling Events, Binding and Useful React Packages

4. Adding Routes to Our Application with React Router

5. Mastering Redux

6. Creating Forms with Redux Form

7. Animations with React

8. Creating an API with Node.js Using MongoDB and MySQL

9. Apollo and GraphQL

10. Mastering Webpack 4.x

11. Implementing Server-Side Rendering

12. Testing and Debugging

13. Deploying to Production

14. Working with React Native

1. Most Common React Interview Questions

2. Other Books You May Enjoy

Leave a review - let other readers know what you think

Index

Creating our first React Native Application

In this recipe, we are going to build a React Native application and understand the main differences between React and React Native.

Getting Ready

To create our new React Native application, we need to install the react-native-cli package:

    npm install -greact-native-cli

How to do it...

Now, to create our first app:

Let's do it with this command:

 react-native init MyFirstReactNativeApp

After we built our React Native app, we need to install Watchman, which is a file-watching service required by React Native. To install it, go to https://facebook.github.io/watchman/docs/install.html and download the latest version for your OS (Windows, Mac, or Linux).
In this case, we are going to use Homebrew to install it for Mac. If you don't have Homebrew, you can install it with this command:

 /usr/bin/ruby -e"$(curl -fsSL 
  https://raw.githubusercontent.com/Homebrew/install/master/install)"

To install Watchman, you need to run:

brew update
brew install watchman

To...

The rest of the chapter is locked

Register for a free Packt account to unlock a world of extra content!

A free Packt account unlocks extra newsletters, articles, discounted offers, and much more. Start advancing your knowledge today.

Unlock this book and the full library FREE for 7 days

Get unlimited access to 7000+ expert-authored eBooks and videos courses covering every tech area you can think of

Start free trial

Renews at €14.99/month. Cancel anytime

Authors (1)

Carlos Santana Roldán

Carlos Santana Roldán

Carlos Santana Roldán is a senior web developer with more than 15 years of experience. Currently, he is working as a Principal Engineer at APM Music. He is the founder of JS Education, where he teaches people web technologies such as React, Node.js

See other products by Carlos Santana Roldán

Other recommended products

Related to this chapter

Beginning React

Beginning React

Projects like Angular and React are rapidly changing how development teams build and deploy web applications to production. In this book, you'll learn the basics you need to get up and running with React and tackle real-world projects and challenges. It includes helpful guidance on how to consider key user requirements within the development process, and also shows you how to work with advanced concepts such as state management, data-binding, routing, and the popular component markup that is JSX. As you complete the included examples, you'll find yourself well-equipped to move onto a real-world personal or professional frontend project.

Jul 2018 3h 12m

React Design Patterns and Best Practices

React Design Patterns and Best Practices

We will be taking a complete journey through the most valuable design patterns in React, this book demonstrates how to apply design patterns and best practices in real-life situations, whether that's for new or already existing projects. It will help you to make your applications more flexible, perform better, and easier to maintain.

Mar 2019 11h 40m

React 16 Tooling

React 16 Tooling

React 16 Tooling covers the most important tools, utilities, and libraries that every React developer needs to know — in detail. These will make your development life simpler and happier, enabling you to create better and more performant apps.

Apr 2018 9h 56m

Redux Quick Start Guide

Redux Quick Start Guide

This book will help you get started with the Redux set-up and the Redux ecosystem. You will learn how to integrate Redux with React and other front-end JavaScript frameworks efficiently and manage application states effectively.

Feb 2019 6h 48m

React 17 Design Patterns and Best Practices

React 17 Design Patterns and Best Practices

React is an open-source JavaScript library that is used for building user interfaces or UI components. This React book is designed to take you through the most valuable design patterns in React, helping you learn how to apply design patterns and best practices in real-world scenarios.

May 2021 13h 8m

Managing an applications state is crucial for your application to behave consistently and this is where Redux comes into the picture. It provides a state container for applications. This book gives in-depth information on Redux and third party tools needed for a developer to build a robust modern web application in React.

Aug 2017 12h 28m

React, an intuitive web frontend framework, extends its capabilities in building apps for mobile and VR. This book aims to help you in building React applications through a series of real-world projects increasing in complexity as you progress. With coverage on various modern React tooling, you will get a wholesome knowledge of React development.

Dec 2019 15h 48m

React Router Quick Start Guide

React Router Quick Start Guide

React Router is the routing library for React, and it can be used in both React Web and React Native applications. This book is a simple way to get started with React Router and harness its full power for your applications.

Sep 2018 5h 12m

Next.js Quick Start Guide

Next.js Quick Start Guide

Next.js is a powerful addition to the evergrowing and dynamic JavaScript world. Built on top of React, Webpack and Babel, it is a minimalistic framework for server-rendered universal JavaScript applications. This book will show you the best practices of building sites using Next.jS, enabling you to build SEO-friendly and super fast websites.

Jul 2018 5h 28m

Isomorphic JavaScript Web Development

Isomorphic JavaScript Web Development

The latest trend in web development, Isomorphic JavaScript, allows developers to overcome some of the shortcomings of single page applications by running the same code on the server as well as on the client. Leading this trend is React, which when coupled with Node, allows developers to build JavaScript apps that are much faster and more SEO-friendly than single page applications. This book will show you how to develop front-end components in React.

Oct 2017 7h 32m

Beginning GraphQL

Beginning GraphQL

Though fairly new, GraphQL is quickly rising in popularity when it comes to API development. This book will teach you everything you need to know to start building efficient APIs with GraphQL. You’ll begin by learning to create a simple scaffold application using Node.js and Express. Then, you’ll explore core GraphQL concepts and study how GraphQL integrates with other frameworks in real-life business applications. By the end of the book, you will be able to successfully create efficient client-server REST-like applications.

Jul 2018 4h 16m

Create React App 2 Quick Start Guide

Create React App 2 Quick Start Guide

This book will help you use CRA to write React programs without much hassle of configuration. With this quick start guide you will integrate your applications with React to build efficient professional web services. You will learn to design UIs with the features of CRA and template your React applications.

Feb 2019 6h 16m

Personalised recommendations for you

Based on your interests and search pattern

ASP.NET Core 9 Web API Cookbook

ASP.NET Core 9 Web API Cookbook

Get ready for the future of web API development by working through practical recipes covering REST, GraphQL, SignalR, and gRPC. This book is ideal for .NET developers eager to learn best practices in API security, data access optimization, and more.

Apr 2025 11h 28m

Spring System Design in Practice

Spring System Design in Practice

This book guides you through the intricacies of building robust software architectures with Spring. You'll get hands-on with the tools and best practices needed to design scalable, secure, and high-performance applications.

May 2025 15h 4m

Learn React Hooks

Learn React Hooks

This ultimate guide to Hooks shows you how to manage state, handle form submissions, fetch data using Suspense, and build reusable custom Hooks. This edition includes the latest Hooks and introduces modern React 19 features with real-world use cases.

May 2025 12h 24m