Mastering Full-Stack React Web Development

Learn how to create dynamic full-stack applications with ReactJS and other leading JavaScript tools – smarter web development starts here
Preview in Mapt

Mastering Full-Stack React Web Development

Tomasz Dyl, Kamil Przeorski

1 customer reviews
Learn how to create dynamic full-stack applications with ReactJS and other leading JavaScript tools – smarter web development starts here
Mapt Subscription
FREE
$29.99/m after trial
eBook
$25.20
RRP $35.99
Save 29%
Print + eBook
$44.99
RRP $44.99
What do I get with a Mapt Pro subscription?
  • Unlimited access to all Packt’s 5,000+ eBooks and Videos
  • Early Access content, Progress Tracking, and Assessments
  • 1 Free eBook or Video to download and keep every month after trial
What do I get with an eBook?
  • Download this book in EPUB, PDF, MOBI formats
  • DRM FREE - read and interact with your content when you want, where you want, and how you want
  • Access this title in the Mapt reader
What do I get with Print & eBook?
  • Get a paperback copy of the book delivered to you
  • Download this book in EPUB, PDF, MOBI formats
  • DRM FREE - read and interact with your content when you want, where you want, and how you want
  • Access this title in the Mapt reader
What do I get with a Video?
  • Download this Video course in MP4 format
  • DRM FREE - read and interact with your content when you want, where you want, and how you want
  • Access this title in the Mapt reader
$0.00
$25.20
$44.99
$29.99 p/m after trial
RRP $35.99
RRP $44.99
Subscription
eBook
Print + eBook
Start 14 Day Trial

Frequently bought together


Mastering Full-Stack React Web Development Book Cover
Mastering Full-Stack React Web Development
$ 35.99
$ 25.20
React and React Native Book Cover
React and React Native
$ 39.99
$ 28.00
Buy 2 for $35.00
Save $40.98
Add to Cart

Book Details

ISBN 139781786461766
Paperback386 pages

Book Description

Full-stack web development is being redefined by the impact of ReactJS. If MEAN demonstrated just how effective combining JavaScript frameworks and tools could be for the modern web developer, by replacing Angular with React, developers have an easier way to build isomorphic web applications where code can run on both the client and server.

This book will get you up to speed with one of the latest strategies to meet the demands of today’s dynamic and data-intensive web. Combining detailed insights and guidance with practical and actionable information that will ensure you can build a complete isomorphic web app, it’s an essential resource for the forward-thinking developer.

You’ll see how its flexibility is a core part of any full-stack developer’s workflow, as well as learning how to use Mongoose alongside it to make data storage safer and more reliable.

Table of Contents

Chapter 1: Configuring Full-Stack with Node.js, Express.js, MongoDB, Mongoose, Falcor, and Redux
More about our technical stack
Environment preparation
NVM and Node installation
MongoDB installation
Working on our server (server.js)
Redux basic concepts
The rest of the important dependencies installation and npm dev script
Falcor's basic concepts
What is Falcor and why do we need it in our full-stack publishing app?
Double-check with the server/routes.js and package.json
Summary
Chapter 2: Full-Stack Login and Registration for Our Publishing App
Structure of JWT token
New MongoDB users collection
Working on the login's falcor-route
Separating the DB configs - configMongoose.js
Frontend side and Falcor
Working on the login form that will call the backend in order to authenticate
Making DashboardView's component
Starting work on the new editor's registration
Frontend implementation (RegisterView and RegisterForm)
Summary
Chapter 3: Server-Side Rendering
When the server side is worth implementing
Summary
Chapter 4: Advanced Redux and Falcor on the Client Side
Focusing on the app's frontend
New ArticleCard component
Deleting an article's feature implementation
Summary
Chapter 5: Falcor Advanced Concepts
The problem that Falcor aims to solve
Falcor versus Relay/GraphQL
Improving our application and making it more reliable
Securing the auth required routes
Improving our Falcor code on the frontend
Falcor's sentinel implementation
Securing the CRUD routes
Wrapping up the routes' security
Summary
Chapter 6: AWS S3 for Image Upload and Wrapping Up Key Application Features
AWS S3 - an introduction
Summary
Chapter 7: The MongoDB Deployment on mLab
mLab overview 
Replica set connections and high availability
Creating the database's user/password and other configurations
Config wrap up
Summary
Chapter 8: Docker and the EC2 Container Service
Docker installation with Docker Toolbox
Dockerfile example
Debugging a container
Pushing a Docker container to a remote repository
A summary of useful Docker commands
Introduction to Docker on AWS EC2
Working with ECS
Summary
Chapter 9: Continuous Integration with Unit and Behavioral Tests
When to write unit and behavioral tests
React conventions
How to write unit and behavioral tests
Testing CoreLayout step-by-step
Summary

What You Will Learn

  • See how to build a full-stack app that is scalable and designed for the demands of modern users
  • Create a powerful JWT-based authentication full-stack “starter-kit”
  • Make your app extremely stable and resilient with Redux and its immutable single state tree
  • Explore the new possibilities given by Falcor, the middleware built by Netflix
  • Find out how Redux works alongside ReactJS – and how it makes building an isomorphic app easier
  • Deploy and maintain your apps successfully using Docker and AWS

Authors

Table of Contents

Chapter 1: Configuring Full-Stack with Node.js, Express.js, MongoDB, Mongoose, Falcor, and Redux
More about our technical stack
Environment preparation
NVM and Node installation
MongoDB installation
Working on our server (server.js)
Redux basic concepts
The rest of the important dependencies installation and npm dev script
Falcor's basic concepts
What is Falcor and why do we need it in our full-stack publishing app?
Double-check with the server/routes.js and package.json
Summary
Chapter 2: Full-Stack Login and Registration for Our Publishing App
Structure of JWT token
New MongoDB users collection
Working on the login's falcor-route
Separating the DB configs - configMongoose.js
Frontend side and Falcor
Working on the login form that will call the backend in order to authenticate
Making DashboardView's component
Starting work on the new editor's registration
Frontend implementation (RegisterView and RegisterForm)
Summary
Chapter 3: Server-Side Rendering
When the server side is worth implementing
Summary
Chapter 4: Advanced Redux and Falcor on the Client Side
Focusing on the app's frontend
New ArticleCard component
Deleting an article's feature implementation
Summary
Chapter 5: Falcor Advanced Concepts
The problem that Falcor aims to solve
Falcor versus Relay/GraphQL
Improving our application and making it more reliable
Securing the auth required routes
Improving our Falcor code on the frontend
Falcor's sentinel implementation
Securing the CRUD routes
Wrapping up the routes' security
Summary
Chapter 6: AWS S3 for Image Upload and Wrapping Up Key Application Features
AWS S3 - an introduction
Summary
Chapter 7: The MongoDB Deployment on mLab
mLab overview 
Replica set connections and high availability
Creating the database's user/password and other configurations
Config wrap up
Summary
Chapter 8: Docker and the EC2 Container Service
Docker installation with Docker Toolbox
Dockerfile example
Debugging a container
Pushing a Docker container to a remote repository
A summary of useful Docker commands
Introduction to Docker on AWS EC2
Working with ECS
Summary
Chapter 9: Continuous Integration with Unit and Behavioral Tests
When to write unit and behavioral tests
React conventions
How to write unit and behavioral tests
Testing CoreLayout step-by-step
Summary

Book Details

ISBN 139781786461766
Paperback386 pages
Read More
From 1 reviews

Read More Reviews

Recommended for You

React and React Native Book Cover
React and React Native
$ 39.99
$ 28.00
React Design Patterns and Best Practices Book Cover
React Design Patterns and Best Practices
$ 35.99
$ 25.20
React Native By Example Book Cover
React Native By Example
$ 35.99
$ 25.20
Learning Web Development with React and Bootstrap Book Cover
Learning Web Development with React and Bootstrap
$ 31.99
$ 22.40
React Native Cookbook Book Cover
React Native Cookbook
$ 39.99
$ 28.00
Vue.js 2 Cookbook Book Cover
Vue.js 2 Cookbook
$ 35.99
$ 25.20