Building React Apps with Server-Side Rendering: Use React, Redux, and Next to Build Full Server-Side Rendering Applications

ISBN-13: 9781484258682 / Angielski / Miękka / 2020 / 192 str.

Mohit Thakkar

Spis treści

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 Node.js

·         Installing React

·         Basic Concepts of React

o   Single Page Applications

o   Immutability

o   Purity

o   Composition

o   Presentational vs Container Components

o   Events

o   Form Handling in React

o   Hooks

·         React Element using JavaScript

·         React Element using JSX

·         Stateless & Stateful React Components

·         Creating Your First React Component

·         Working with Data

·         AJAX Calls

·         Working with the State Object

·         Styling React Components

o   CSS in React

o   SASS in React

o   Styled Components

·         Babel

·         Webpack

Chapter 3, Next.js

Chapter Goal:

·         Introduction to Next.js

·         Features of Next.js

·         Getting Started

·         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

·         Using GraphQL 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

·         Using React Calls to Post Content

·         Creating Functional React Component

·         Passing Props to Functional React Component

·         Converting Functional Component to Class Component

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

·         Adding CSS to Next.js

·         Integrating Bootstrap 4 to Your App

Chapter 5, Unit Testing using Jest

Chapter Goal:

·         Setting Up Jest

·         Writing Your First Test Using Jest

·         Matchers

·         Using Enzyme to Access React DOM

·         Testing a React Component

Chapter 6, Deploying Your App to a Server

Chapter Goal:

·         Deployment Basics

·         Setting up Environment Variables

·         Introduction to Docker

·         Creating a Docker Container for Your App

·         Hosting the Container

O autorze

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. 

Blurb

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

Building 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.

You will:

• 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