Browse Library
Sign In Start Free Trial
Close icon Search icon
Account
Browse Library Advanced Search Sign In Start Free Trial

Add to playlist

Create a Playlist

Modal Close icon
You need to login to use this feature.
  • Full-Stack React Projects
  • Toc
  • feedback
Full-Stack React Projects

Full-Stack React Projects

By : Shama Hoque
2.9 (10)
close
Full-Stack React Projects

Full-Stack React Projects

2.9 (10)
By: Shama Hoque

Overview of this book

The benefits of using a full JavaScript stack for web development are undeniable, especially when robust and widely adopted technologies such as React, Node, and Express and are available. Combining the power of React with industry-tested, server-side technologies, such as Node, Express, and MongoDB, creates a diverse array of possibilities when developing real-world web applications. This book guides you through preparing the development environment for MERN stack-based web development, to creating a basic skeleton application and extending it to build four different web applications. These applications include a social media, an online marketplace, a media streaming, and a web-based game application with virtual reality features. While learning to set up the stack and developing a diverse range of applications with this book, you will grasp the inner workings of the MERN stack, extend its capabilities for complex features, and gain actionable knowledge of how to prepare MERN-based applications to meet the growing demands of real-world web applications.
Table of Contents (14 chapters)
close
close
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
Unleashing React Applications with MERN
Unleashing React Applications with MERN
MERN stack
Relevance of MERN
Range of MERN applications
Book structure
Getting the most out of this book
Summary
2
Preparing the Development Environment
Preparing the Development Environment
Selecting development tools
Setting up MERN stack technologies
Checking your development setup
Summary
3
Building a Backend with MongoDB, Express, and Node
Building a Backend with MongoDB, Express, and Node
Skeleton application overview
Implementing the skeleton backend
Checking the standalone backend
Summary
4
Adding a React Frontend to Complete MERN
Adding a React Frontend to Complete MERN
Skeleton frontend
Folder and file structure
Setting up for React development
Implementing React views
Basic server-side rendering
Summary
5
Starting with a Simple Social Media Application
Starting with a Simple Social Media Application
MERN Social
Updating the user profile
Following users in MERN Social
Posts
Summary
6
Exercising New MERN Skills with an Online Marketplace
Exercising New MERN Skills with an Online Marketplace
MERN Marketplace
Users as sellers
Shops in the Marketplace
Products
Product search with category
Summary
7
Extending the Marketplace for Orders and Payments
Extending the Marketplace for Orders and Payments
The MERN Marketplace with a cart, payments, and orders
Shopping cart
Using Stripe for payments
Checkout
Creating new order
Orders by shop
View order details
Summary
8
Building a Media Streaming Application
Building a Media Streaming Application
MERN Mediastream
Uploading and storing media
Retrieve and stream media
Media list
Display, update, and delete media
Summary
9
Customizing the Media Player and Improving SEO
Customizing the Media Player and Improving SEO
MERN Mediastream with a custom media player
The play media page
Related media list
The PlayMedia component
Media player
Autoplaying related media
Server-side rendering with data
Summary
10
Developing a Web-Based VR Game
Developing a Web-Based VR Game
MERN VR Game
React 360
Key concepts for developing the VR game
Game details
Building the game view in React 360
Bundling for production and integration with MERN
Summary
11
Making the VR Game Dynamic Using MERN
Making the VR Game Dynamic Using MERN
Dynamic MERN VR Game
Game model
Game APIs
Creating and editing games
Game list views
Deleting a game
Playing the VR game
Updating the game code in React 360
Summary
12
Following Best Practices and Developing MERN Further
Following Best Practices and Developing MERN Further
Separation of concerns with modularity
Adding CSS styles
Selective server-side rendering with data
Using ES6 class for stateful vs pure functional components
Using Redux or Flux 
Enhancing security
Writing test code
Optimizing the bundle size
Extending the applications
Summary
13
Other Books You May Enjoy
chevron up
Other Books You May Enjoy
Leave a review - let other readers know what you think

Other Books You May Enjoy

If you enjoyed this book, you may be interested in these other books by Packt:

React Design Patterns and Best Practices
Michele Bertoli

ISBN: 978-1-78646-453-8

  • Write clean and maintainable code
  • Create reusable components applying consolidated techniques
  • Use React effectively in the browser and node
  • Choose the right styling approach according to the needs of the applications
  • Use server-side rendering to make applications load faster
  • Build high-performing applications by optimizing components

Full-Stack Vue.js 2 and Laravel 5
Anthony Gore

ISBN: 978-1-78829-958-9

  • Core features of Vue.js to create sophisticated user interfaces
  • Build a secure backend API with Laravel
  • Learn a state-of-the-art web development workflow with Webpack
  • Full-stack app design principles and best practices
  • Learn to deploy a full-stack app to a cloud server and CDN
  • Managing complex...
End of Section 1
Next Section
bookmark search playlist download
font-size

Change the font size

margin-width

Change margin width

day-mode

Change background colour

Close icon Search
Country selected
Close icon Your notes and bookmarks

Delete Bookmark

Modal Close icon
Are you sure you want to delete it?
Cancel
Yes, Delete