Book Image

React Projects

By : Roy Derks
Book Image

React Projects

By: Roy Derks

Overview of this book

Developed by Facebook, React is a popular library for building impressive user interfaces. React extends its capabilities to the mobile platform 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 Higher Order Components (HOC), Context, and Hooks on multiple platforms, which will help you build full stack web and mobile applications efficiently. Finally, you'll delve into unit testing with Jest 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.

Related Content you might be interested in

Current Title:

Small book image
React Projects
Roy Derks
Dec, 2019 | 474 pages
Small book image
React Cookbook
Carlos Santana Roldaacuten
Aug, 2018 | 580 pages
Small book image
Hands-On Full-Stack Web Development with GraphQL and React.
Sebastian Grebe
Jan, 2019 | 460 pages
Small book image
Professional React Native
Alexander Benedikt Kuttig
Oct, 2022 | 268 pages
Table of Contents (14 chapters)
Preface
Preface
Who this book is for
What this book covers
To get the most out of this book
Get in touch
Free Chapter
1
Creating a Movie List Application in React
Creating a Movie List Application in React
Project overview
Getting started
Creating a movie list application
Summary
Further reading
2
Creating a Progressive Web Application with Reusable React Components
Creating a Progressive Web Application with Reusable React Components
Project overview
Getting started
GitHub portfolio application
Summary
Further reading
3
Build a Dynamic Project Management Board with React and Suspense
Build a Dynamic Project Management Board with React and Suspense
Project overview
Getting started
Creating a project management board application
Summary
Further reading
4
Build a SSR-Based Community Feed Using React Router
Build a SSR-Based Community Feed Using React Router
Project overview
Getting started
Community feed application
Summary
Further reading
5
Build a Personal Shopping List Application Using Context API and Hooks
Build a Personal Shopping List Application Using Context API and Hooks
Project overview
Getting started
Personal shopping list
Summary
Further reading
6
Build an Application Exploring TDD Using Jest and Enzyme
Build an Application Exploring TDD Using Jest and Enzyme
Project overview
Getting started
Hotel review application
Summary
Further reading
7
Build a Full Stack E-Commerce Application with React Native and GraphQL
Build a Full Stack E-Commerce Application with React Native and GraphQL
Project overview
Getting started
Building a full stack e-commerce application with React, Apollo, and GraphQL
Summary
Further reading
8
Build a House Listing Application with React Native and Expo
Build a House Listing Application with React Native and Expo
Project overview
Getting started
Building a house listing application with React Native and Expo
Summary
Further reading
9
Build an Animated Game Using React Native and Expo
Build an Animated Game Using React Native and Expo
Project overview
Getting started
Creating an animated Tic-Tac-Toe game application with React Native and Expo
Summary
Further reading
10
Creating a Real-Time Messaging Application with React Native and Expo
Creating a Real-Time Messaging Application with React Native and Expo
Project overview
Getting started
Creating a real-time messaging application with React Native and Expo
Summary
Further reading
11
Build a Full Stack Social Media Application with React Native and GraphQL
Build a Full Stack Social Media Application with React Native and GraphQL
Project overview
Getting started
Building a full stack social media application with React Native, Apollo, and GraphQL
Summary
Further reading
12
Creating a Virtual Reality Application with React 360
Creating a Virtual Reality Application with React 360
Project overview
Getting started
Creating a VR application with React 360
Summary
Further reading
13
Other Books You May Enjoy
Other Books You May Enjoy
Leave a review - let other readers know what you think

Getting started

Make sure you have the Expo Client application installed on your iOS or Android device to be able to run the application that you'll create in this chapter. Expo Client is available in both the Apple App Store and the Google Play Store.

Once you've downloaded the application, you need to create an Expo account to make the development process smoother. Make sure you store your account details somewhere safe, as you'll need these later on in this chapter. Don't forget to verify your email address by clicking the link that was sent to you by email.

The complete code for this chapter can be found on GitHub: https://github.com/PacktPublishing/React-Projects/tree/ch8.

This application was created using Expo SDK version 33.0.0 and so you need to make sure the version of Expo you're using on your local machine is similar. Since React Native and...
Previous Section
End of Section 3
Next Section