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
Full-Stack React Projects

You're reading from   Full-Stack React Projects Modern web development using React 16, Node, Express, and MongoDB

Arrow left icon
Product type Paperback
Published in May 2018
Publisher Packt
ISBN-13 9781788835534
Length 470 pages
Edition 1st Edition
Tools
Arrow right icon
Author (1):
Arrow left icon
Shama Hoque Shama Hoque
Author Profile Icon Shama Hoque
Shama Hoque
Arrow right icon
View More author details
Toc

Table of Contents (14) Chapters Close

Preface 1. Unleashing React Applications with MERN FREE CHAPTER 2. Preparing the Development Environment 3. Building a Backend with MongoDB, Express, and Node 4. Adding a React Frontend to Complete MERN 5. Starting with a Simple Social Media Application 6. Exercising New MERN Skills with an Online Marketplace 7. Extending the Marketplace for Orders and Payments 8. Building a Media Streaming Application 9. Customizing the Media Player and Improving SEO 10. Developing a Web-Based VR Game 11. Making the VR Game Dynamic Using MERN 12. Following Best Practices and Developing MERN Further 13. Other Books You May Enjoy

What this book covers

Chapter 1, Unleashing React Applications with MERNintroduces the MERN stack technologies and the applications developed in this book. We will discuss the context and relevance of developing web applications with React, Node, Express, and MongoDB.

Chapter 2, Preparing the Development Environmenthelps set up the MERN stack technologies for development. We will explore essential development tools, install Node, MongoDB, Express, React, and other required libraries, and then run code to check the setup.

Chapter 3, Building a Backend with MongoDB, Express, and Node, implements the backend of a skeleton MERN application. We will build a standalone server-side application with MongoDB, Express, and Node, which stores user details and has APIs for user authentication and CRUD operations.

Chapter 4, Adding a React Frontend to Complete MERNcompletes the MERN skeleton application by integrating a React frontend. We will implement a working frontend with React views for interacting with the user CRUD and auth APIs on the server.

Chapter 5, Starting with a Simple Social Media Applicationbuilds a social media application by extending the skeleton application. We will explore the capabilities of the MERN stack by implementing social media features, such as post sharing, liking, and commenting; following friends; and an aggregated newsfeed.

Chapter 6, Exercising New MERN Skills with an Online Marketplace, implements basic features in an online marketplace application. We will implement buying- and selling- related features with support for seller accounts, product listings, and product search by category.

Chapter 7, Extending the Marketplace for Orders and Paymentsbuilds the marketplace application further with a shopping cart, order management, and payments processing. We will add a shopping cart feature and allow users to place orders with the items in their carts. We will also integrate Stripe to collect and process payments.

Chapter 8, Building a Media Streaming Applicationimplements media uploading and streaming using MongoDB GridFS. We will start building a basic media streaming application, allowing registered users to upload video files that will be stored on MongoDB and streamed back so that viewers can play each video in a simple React media player.

Chapter 9, Customizing the Media Player and Improving SEOupgrades the media viewing capabilities with a custom media player and autoplay media list. We will implement customized controls on the default React media player, add a playlist that can be autoplayed, and improve SEO for the media details by adding selective server-side rendering with data for just the media detail view.

Chapter 10, Developing a Web-Based VR Gameuses React 360 to develop a 3D virtual reality infused game for the web. We will explore the 3D and VR capabilities of React 360 and build a simple web-based VR game.

Chapter 11, Making the VR Game Dynamic using MERNbuilds a dynamic VR game application by extending the MERN skeleton application and integrating React 360. We will implement a game data model that allows users to create their own VR games and incorporate the dynamic game data with the game developed using React 360.

Chapter 12, Following Best Practices and Developing MERN Further, reflects on the lessons learned in previous chapters and suggests improvements for further MERN-based application development. We will expand on some of the best practices already applied, such as modularity in the app structure, other practices that should be applied, such as writing test code, and possible improvements, such as optimizing bundle size.

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