What do you get with eBook?

Instant access to your Digital eBook purchase

Download this book in EPUB and PDF formats

Access this title in our online reader with advanced features

DRM FREE - Read whenever, wherever and however you want

Preparing the Development Environment

Before building applications with the MERN stack, we first need to prepare the development environment with each technology, and also with tools to aid development and debugging. This chapter guides you through understanding workspace options, essential development tools, how to set up the MERN technologies in your workspace, and the steps to check this setup with actual code.

We are going to cover the following topics:

Workspace options
Code editors
Chrome Developer Tools
Git setup
MongoDB setup
Node setup
npm modules to complete the MERN stack
Code to check MERN setup

Key benefits

•Create dynamic web applications with the MERN stack

•Leverage the power of React in building interactive and complex user interfaces

•Unlock the potential of Node, Express, and MongoDB to build modern full-stack applications

Description

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.

Who is this book for?

Full-Stack React Web Development Projects is for JavaScript developers who have some experience with React, but no previous experience with full-stack development involving Node, Express, and MongoDB, and who want practical guidelines to start building different types of real-world web applications with this stack.

What you will learn

•Set up your development environment and develop a MERN application

•Implement user authentication and authorization using JSON Web Tokens

•Build a social media application by extending the basic MERN application

•Create an online marketplace application with shopping cart and Stripe payments

•Develop a media streaming application using MongoDB GridFS

•Implement server-side rendering with data to improve SEO

•Set up and use React 360 to develop user interfaces with VR capabilities

•Learn industry best practices to make MERN stack applications reliable and scalable

What do you get with eBook?

Instant access to your Digital eBook purchase

Download this book in EPUB and PDF formats

Access this title in our online reader with advanced features

DRM FREE - Read whenever, wherever and however you want

Frequently bought together

Full-Stack Web Development with Vue.js and Node

₱2500.99

₱2500.99

₱2500.99

Total ₱ 7,502.97

Filter reviews by

All

Amazon verified reviews

Joe Chacon Feb 24, 2020

Thank you for this book.This book has helped me to understand more advanced topics regarding react and server side rendering react.This is a very valuable resource to have in a persons library.

Amazon Verified review

R Valades Jul 06, 2018

This is a great book for getting started with full-stack React web applications. Frontend and backend implementations are outlined from scratch and the author goes into great length to explain not just how it’s done but also why.Some particular things that stood out for me:- Almost all the aspects of developing a full stack application are covered, including authentication and authorization.- The development flow for each project is easy to follow through the book chapters.- Good use of illustrations, specially the React component hierarchy diagrams that also give an overview of each project.- A hidden gem: Live demos of each project in the corresponding GitHub repositories.Highly recommendable book.

Asif Mahmud Aug 11, 2018

For someone who is relatively new in the discipline of Web Development this can be a great book to start with, if you are looking to build your first full-stack JavaScript application. All chapters are composed of several defining parts that maintain a sense of continuity throughout the volume. Additionally, the author has provided the code repositories on GitHub, so you can play around with the code and implement something of your own, if you want.In short, the book starts with the whys for the technology used, and then it gradually dives into setting up the development environment for creating applications. Personally I found this to be a real time-saver, since I didn’t have to jump around the Web to figure out which package to use.Turned out to be great place to get my hands dirty!

Pat J Ryll Jul 10, 2018

Great book! Nice examples and easy to follow.

skysongz Apr 22, 2019

Background: So, I'm in the position of not coming from a CS background, and I've been working on learning the MERN stack to land a junior developer job.I've enjoyed this book so far. I've learned a fair amount while working through some of the projects. I can also understand why a lot of people might be put off by the book. I think without a lot of CS background, just reading this book and not using any other resources would be a bit frustrating, because the book doesn't provide much 'perspective' on code choices and other things. This is okay; it's pretty clear that in a work situation, you won't have the luxury of listening to a commentary on the codebase you're working with. And so, rather than lament the fact that this book isn't going to make you an amazing mern developer on it's own, you should appreciate that it gives you some different and complete projects.My current approach is to use this book, along with Udemy video courses to get a more complete picture of the mern stack. There are many worthwhile resources, and I think the trick is to not put too much weight in any one of them, and use them together to establish a firm foundation.

Full-Stack React Projects: Modern web development using React 16, Node, Express, and MongoDB

What do you get with eBook?

Full-Stack React Projects

Preparing the Development Environment

Selecting development tools

Workspace options

Setting up MERN stack technologies

MongoDB

Checking your development setup

Summary

Page 1 of 5

Key benefits

Description

Who is this book for?

What you will learn

Product Details

What do you get with eBook?

Product Details

Frequently bought together

Table of Contents

Recommendations for you

Customer reviews

Filter reviews by

People who bought this also bought

About the author

FAQs

Full-Stack React Projects: Modern web development using React 16, Node, Express, and MongoDB

What do you get with eBook?

Contact Details

Billing Address

Key benefits

Description

Who is this book for?

What you will learn

Product Details

What do you get with eBook?

Contact Details

Billing Address

Product Details

Packt Subscriptions

Frequently bought together

Table of Contents

Recommendations for you

Customer reviews

Filter reviews by

People who bought this also bought

About the author

FAQs