Search icon CANCEL
Subscription
0
Cart icon
Your Cart (0 item)
Close icon
You have no products in your basket yet
Arrow left icon
Explore Products
Best Sellers
New Releases
Books
Videos
Audiobooks
Learning Hub
Free Learning
Arrow right icon
Arrow up icon
GO TO TOP
React Projects

You're reading from   React Projects Build 12 real-world applications from scratch using React, React Native, and React 360

Arrow left icon
Product type Paperback
Published in Dec 2019
Publisher Packt
ISBN-13 9781789954937
Length 474 pages
Edition 1st Edition
Languages
Tools
Arrow right icon
Author (1):
Arrow left icon
Roy Derks Roy Derks
Author Profile Icon Roy Derks
Roy Derks
Arrow right icon
View More author details
Toc

Table of Contents (14) Chapters Close

Preface 1. Creating a Movie List Application in React 2. Creating a Progressive Web Application with Reusable React Components FREE CHAPTER 3. Build a Dynamic Project Management Board with React and Suspense 4. Build a SSR-Based Community Feed Using React Router 5. Build a Personal Shopping List Application Using Context API and Hooks 6. Build an Application Exploring TDD Using Jest and Enzyme 7. Build a Full Stack E-Commerce Application with React Native and GraphQL 8. Build a House Listing Application with React Native and Expo 9. Build an Animated Game Using React Native and Expo 10. Creating a Real-Time Messaging Application with React Native and Expo 11. Build a Full Stack Social Media Application with React Native and GraphQL 12. Creating a Virtual Reality Application with React 360 13. Other Books You May Enjoy

What this book covers

Chapter 1, Creating a Movie List Application in React, will explore the foundation of building React projects that can scale. Best practices of how to structure your files, packages to use, and tools will be discussed and practiced. The best way to architect a React project will be shown by building a list of movies. Also, webpack and Babel are used to compile code.

Chapter 2, Creating a Progressive Web Application with Reusable React Components, will explain how to set up and re-use styling in React components throughout your entire application. We will build a GitHub Card application to see how to use CSS in JavaScript and re-use components and styling in your application.

Chapter 3, Build a Dynamic Project Management Board with React and Suspense, will cover how to create components that determine the dataflow between other components, so called HOCs. We will build a project management board to see the flow of data throughout an application.

Chapter 4, Build a SSR-Based Community Feed Using React Router, will discuss routing, ranging from setting up basic routes, dynamic route handling, and how to set up routes for server-side rendering.

Chapter 5, Build a Personal Shopping List Application Using Context API and Hooks, will show you how to use the React context API with Hooks to handle the data flow throughout the application. We will create a personal shopping list to see how data can be accessed and changed from parent to child components and vice versa with Hooks and the context API.

Chapter 6, Build an Application Exploring TDD Using Jest and Enzyme, will focus on unit testing with assertions and snapshots. Also, test coverage will be discussed. We will build a hotel review application to see how to test components and data flows.

Chapter 7, Build a Full Stack E-Commerce Application with React Native and GraphQL, will use GraphQL to supply a backend to the application. This chapter will show you how to set up a basic GraphQL server and access the data on this server. We will build an e-commerce application to see how to create a server and send requests to it.

Chapter 8, Build a House Listing Application with React Native and Expo, will cover scaling and structuring React Native applications, which is slightly different from web applications created with React. This chapter will outline the differences in the development environment and tools such as Expo. We will build a house listing application to examine the best practices.

Chapter 9, Build an Animated Game Using React Native and Expo, will discuss animations and gestures, which are what truly distinguishes a mobile application from a web application. This chapter will explain how to implement them. Also, the differences in gestures between iOS and Android will be shown by building a card game application that has animations and that responds to gestures.

Chapter 10, Creating a Real-Time Messaging Application with React Native and Expo, will cover notifications, which are important for keeping the users of the application up to date. This chapter will show how to add notifications and send them from the GraphQL server using Expo. We will learn how to implement all this by building a message application.

Chapter 11, Build a Full Stack Social Media Application with React Native and GraphQL, will cover building a full-stack application with React Native and GraphQL. The flow of data between the server and the application will be demonstrated, along with how data are fetched from the GraphQL server.

Chapter 12, Creating a Virtual Reality Application with React 360, will discuss how to get started with React 360 by creating a panorama viewer that gives the user the ability to look around in the virtual world and create components inside it.

lock icon 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
Renews at $19.99/month. Cancel anytime
Banner background image