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

Mastering Full-Stack React Web Development

This ebook is included in a Mapt subscription
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
$10.00
$44.99
RRP $35.99
RRP $44.99
eBook
Print + eBook
Access every Packt eBook & Video for just $100
 
  • 4,000+ eBooks & Videos
  • 40+ New titles a month
  • 1 Free eBook/Video to keep every month
Find Out More
 
Preview in Mapt

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