React Cookbook: Create dynamic web apps with React using Redux, Webpack, Node.js, and GraphQL

Over 66 hands-on recipes that cover UI development, animations, component architecture, routing, databases, testing, and debugging with React

Key Features

• Use essential hacks and simple techniques to solve React application development challenges
• Create native mobile applications for iOS and Android using React Native
• Learn to write robust tests for your applications using Jest and Enzyme

Book Description

Today's web demands efficient real-time applications and scalability. If you want to learn to build fast, efficient, and high-performing applications using React 16, this is the book for you. We plunge directly into the heart of all the most important React concepts for you to conquer. Along the way, you’ll learn how to work with the latest ECMAScript features.

You'll see the fundamentals of Redux and find out how to implement animations. Then, you’ll learn how to create APIs with Node, Firebase, and GraphQL, and improve the performance of our application with Webpack 4.x. You'll find recipes on implementing server-side rendering, adding unit tests, and debugging. We also cover best practices to deploy a React application to production. Finally, you’ll learn how to create native mobile applications for iOS and Android using React Native.

By the end of the book, you'll be saved from a lot of trial and error and developmental headaches, and you’ll be on the road to becoming a React expert.

What you will learn

• Gain the ability to wield complex topics such as Webpack and server-side rendering
• Implement an API using Node.js, Firebase, and GraphQL
• Learn to maximize the performance of React applications
• Create a mobile application using React Native
• Deploy a React application on Digital Ocean
• Get to know the best practices when organizing and testing a large React application

Who this book is for

If you’re a JavaScript developer who wants to build fast, efficient, scalable solutions, then you’re in the right place. Knowledge of React will be an advantage but is not required. Experienced users of React will be able to improve their skills.

Table of Contents

1. Working with React
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

Carlos Santana is a Senior Web Developer (frontend and backend); with more than 11 years of experience in the market. Currently he is working as a React Technical Lead in Disney ABC Television Group. He is the founder of Codejobs, one of the most popular Developers Communities in Latin America, training people in different web technologies such React, Node.js & JS (@codejobs).