Building React Apps with Server-Side Rendering - Thakkar, Mohit

. .

Résumé :
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 jobBuilding React Apps with Server-Side Rendering also covers other fun and interesting topics such as Bootstrap 4, JSX (JavaScript XML), adding styling to your React applications, and much more. By the end of this book, you will be able to build and deploy React applications that fully render server-side HTML on every page. In the end you'll have a client-side rendered React application that integrates server-side rendering into it using Next.js framework.



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.

Biographie:
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. ...

Sommaire:

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

? 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

? 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

? 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

? Setting Up Jest

? Writing Your First Test Using Jest

? Matchers

? Testing a React Component

Chapter 6, Deploying Your App to a Server

? Deployment Basics

? Setting up Environment Variables

? Creating a Docker Container for Your App

? Hosting the Container