0

Explore Products

Best Sellers

New Releases

Books

Videos

Audiobooks

Free Learning

React Projects

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

Product type Paperback

Published in Dec 2019

Publisher Packt

ISBN-13 9781789954937

Length 474 pages

Edition 1st Edition

Languages

JavaScript

Tools

React

Concepts

Front End Web Development

Author (1):

Roy Derks

View More author details

Table of Contents (14) Chapters

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

Leave a review - let other readers know what you think

Project overview

In this chapter, we will create a Progressive Web Application (PWA) that has reusable React components and styling using Create React App and styled-components. The application will feature a dynamic drag and drop interface that uses the HTML5 Drag and Drop API.

The build time is 1.5-2 hours.

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 €18.99/month. Cancel anytime

Authors (1)

Roy Derks

Roy Derks

Roy Derks is a serial start-up CTO, international speaker, and author from the Netherlands. He has been working with React, React Native, and GraphQL since 2016. You might know him from the book “React Projects – Second Edition”, which was released by Packt earlier this year. Over the last few years, he has inspired tens of thousands of developers worldwide through his talks, books, workshops, and courses.

See other products by Roy Derks

Other recommended products

Related to this chapter

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

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

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

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

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

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

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

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

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

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

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

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

Personalised recommendations for you

Based on your interests and search pattern

Modern Full-Stack React Projects

Modern Full-Stack React Projects

Full-Stack React Projects is a complete guide to learning full-stack web development, understanding the creation and integration of backend systems, and advancing your career as a frontend developer.

Jun 2024 16h 52m

Modern Full-Stack React Projects

Modern Full-Stack React Projects

Full-Stack React Projects is a complete guide to learning full-stack web development, understanding the creation and integration of backend systems, and advancing your career as a frontend developer.

Jun 2024 16h 52m

Modern Full-Stack React Projects

Modern Full-Stack React Projects

Full-Stack React Projects is a complete guide to learning full-stack web development, understanding the creation and integration of backend systems, and advancing your career as a frontend developer.

Jun 2024 16h 52m

Modern Full-Stack React Projects

Modern Full-Stack React Projects

Full-Stack React Projects is a complete guide to learning full-stack web development, understanding the creation and integration of backend systems, and advancing your career as a frontend developer.

Jun 2024 16h 52m

Modern Full-Stack React Projects

Modern Full-Stack React Projects

Full-Stack React Projects is a complete guide to learning full-stack web development, understanding the creation and integration of backend systems, and advancing your career as a frontend developer.

Jun 2024 16h 52m

Modern Full-Stack React Projects

Modern Full-Stack React Projects

Full-Stack React Projects is a complete guide to learning full-stack web development, understanding the creation and integration of backend systems, and advancing your career as a frontend developer.

Jun 2024 16h 52m

Modern Full-Stack React Projects

Modern Full-Stack React Projects

Full-Stack React Projects is a complete guide to learning full-stack web development, understanding the creation and integration of backend systems, and advancing your career as a frontend developer.

Jun 2024 16h 52m

Modern Full-Stack React Projects

Modern Full-Stack React Projects

Full-Stack React Projects is a complete guide to learning full-stack web development, understanding the creation and integration of backend systems, and advancing your career as a frontend developer.

Jun 2024 16h 52m

Mastering Node.js Web Development

Mastering Node.js Web Development

Explore Node.js with practical examples that will teach you how to utilize open-source packages for real-world solutions. Gain the skills to develop and deploy server-side applications that enhance your client-side projects.

Jun 2024 25h 56m

Mastering Node.js Web Development

Mastering Node.js Web Development

Explore Node.js with practical examples that will teach you how to utilize open-source packages for real-world solutions. Gain the skills to develop and deploy server-side applications that enhance your client-side projects.

Jun 2024 25h 56m

Mastering Node.js Web Development

Mastering Node.js Web Development

Explore Node.js with practical examples that will teach you how to utilize open-source packages for real-world solutions. Gain the skills to develop and deploy server-side applications that enhance your client-side projects.

Jun 2024 25h 56m

Mastering Node.js Web Development

Mastering Node.js Web Development

Explore Node.js with practical examples that will teach you how to utilize open-source packages for real-world solutions. Gain the skills to develop and deploy server-side applications that enhance your client-side projects.

Jun 2024 25h 56m