Building React Apps with Server-Side Rendering, 1st ed.
Use React, Redux, and Next to Build Full Server-Side Rendering Applications

Leverage the benefits of both client-side and server-side rendering to get the most out of your React applications. By the end of this book you will be able to build and deploy React applications using the Next.js framework to fully render server-side HTML on every Web page.

You'll begin by reviewing JavaScript fundamentals and how they work with the core principles of React. You'll then move on to Next.js, the React framework for server-rendered applications. Using this framework, you will create a fast and secure solutional React application that renders content on the server-side, protects sensitive information, and optimizes response times. Before deploying the application using Docker containers, you'll create automated unit tests to verify that every component is appropriately doing its job

What You'll Learn

• Examine fundamental concepts of JavaScript (ES 2015)
• Create client-side apps using JavaScript frameworks React and Redux
• Add server-side rendering to React apps using the NextJS Framework

Who This Book Is For

Web developers who have prior experience in working with JavaScript, HTML and CSS, who wish to step up a level and create better web applications using modern JavaScript frameworks like React, Reduct & Next.

Chapter 1, JavaScript Fundamentals

Chapter Goal:

·         Introduction to JavaScript

·         Constants

·         Variable Declaration

·         Rest Parameters

·         Spread Syntax

·         Destructuring

·         Control Loops

·         Type Conversion

·         Operators

·         Functions

·         Closures

·         Arrays

·         Classes & Modules

·         DOM Modification

·         Error Handling

·         HTTP Requests

·         Promises

·         Form Handling in JS

Chapter 2, Introducing React.js

Chapter Goal:

·         Installing React

·         Basic Concepts of React

o   Immutability

o   Purity

o   Presentational vs Container Components

o   Events

o   Form Handling in React

o   Hooks

·         React Element using JSX

·         Stateless & Stateful React Components

·         Working with Data

·         AJAX Calls

·         Working with the State Object

·         Styling React Components

o   CSS in React

o   SASS in React

o   Styled Components

·         Webpack

Chapter 3, Next.js

Chapter Goal:

·         Introduction to Next.js

·         Features of Next.js

·         Routing in Next.js

·         Dynamic Loading

·         Adding Multimedia Content

·         Creating Interactive App using Next.js

·         Configuring Webpack & Babel

·         Getting Data from Remote Server

·         Using Redux with Next.js

Chapter 4, Adding Server-Side Rendering to Your React Application

Chapter Goal:

·         Importance of Server-Side Rendering

·         Building a Simple React App

·         Using DOM to Post Content

·         Creating Functional React Component

·         Passing Props to Functional React Component

·         Using JSX & Next.js for Server-Side Rendering

·         Adding CSS to Next.js

Chapter 5, Unit Testing using Jest

Chapter Goal:

·         Setting Up Jest

·         Writing Your First Test Using Jest

·         Matchers

·         Testing a React Component

Chapter 6, Deploying Your App to a Server

Chapter Goal:

·         Deployment Basics

·         Setting up Environment Variables

·         Creating a Docker Container for Your App

·         Hosting the Container

Mohit Thakkar is a Software Engineer with a multinational company. He has published five books and a research paper in the International Journal of Advanced Research in Management, Architecture, Technology and Engineering. 

Teaches you how to build React apps with server-side rendering

Provides practical examples using React, Redux and Next.js

Written by an author of five technical books, well accustomed to breaking down and teaching concepts.