Learn how to develop real-world applications of varying complexity for the web, mobile, and VR devices using React, React Native, React 360, and more

Key Features

• •  Build React applications at scale using React patterns and best practices
• •  Explore React features such as Hooks, the Context API, and the Suspense API
• •  Extend React's integration with React Native for building cross-platform mobile apps and games

Book Description

Developed by Facebook, React is a popular library for building impressive user interfaces. React extends its capabilities to mobile platforms using the React Native framework and integrates with popular web and mobile tools to build scalable applications.
 

React Projects is your guide to learning React development by using modern development patterns and integrating React with powerful web tools, such as GraphQL, Expo, and React 360. You'll start building a real-world project right from the first chapter and get hands-on with developing scalable applications as you advance to building more complex projects. Throughout the book, you'll use the latest versions of React and React Native to explore features such as routing, Context, and Hooks on multiple platforms, which will help you build full-stack web and mobile applications efficiently. Finally, you'll get to grips with unit testing with Jest and end-to-end testing with Cypress to build test-driven apps.
 

By the end of this React book, you'll have developed the skills necessary to start building scalable React apps across web and mobile platforms.

What you will learn

• •  Create a wide range of applications using various modern React tools and frameworks
• •  Discover how React Hooks modernize state management for React apps
• •  Develop web applications using styled and reusable React components
• •  Build test-driven React applications using Jest, React Testing Library, and Cypress
• •  Understand full-stack development using GraphQL, Apollo, and React
• •  Perform server-side rendering using React and Next.js
• •  Create animated games using React Native and Expo
• •  Design gestures and animations for a cross-platform game using React Native

Who this book is for

The book is for JavaScript developers who want to explore React tooling and frameworks for building cross-platform applications. Basic knowledge of web development, ECMAScript, and React will assist with understanding key concepts covered in this book.

Table of Contents
1. Creating a Single-Page Application in React
2. Creating a Portfolio in React with Reusable Components and Routing
3. Building a Dynamic Project Management Board
4. Building a Server-Side-Rendered Community Feed Using Next.js
5. Build a Personal Shopping List Application Using Context and Hooks
6. Building an Application Exploring TDD Using the React Testing Library and Cypress
7. Building a Full-Stack E-Commerce Application with Next.js and GraphQL
8. Building an Animated Game Using React Native and Expo
9. Building a Full-Stack Social Media Application with React Native and Expo
10. Creating a Virtual Reality Application with React and Three.js

About the Author

Roy Derks is a serial start-up CTO, conference speaker, and developer from Amsterdam. He has been actively programming since he was a teenager, starting as a self-taught programmer using online tutorials and books. At the age of 14, he founded his first start-up, a peer-to-peer platform where users could trade DVDs with other users for free. This marked the start of his career in web development, which back then primarily consisted of creating web applications using an MVC architecture with the LAMP stack.
 

In 2015, he was introduced to React and GraphQL at a hackathon in Berlin, and after winning a prize for his project, he started to use these technologies professionally. Over the next few years, he helped multiple start-ups create cross-platform applications using React and React Native, including a start-up he co-founded. He also started giving workshops and talks at conferences around the globe. Over the last years he gave over 100 conference talks about React, React Native, and GraphQL, inspiring ten thousands of developers worldwide.

You can follow Roy on Twitter at gethackteam to get more information on the latest developments in the world of React and React Native.