Op werkdagen voor 23:00 besteld, morgen in huis Gratis verzending vanaf €20

Building React Apps with Server-Side Rendering

Use React, Redux, and Next to Build Full Server-Side Rendering Applications

Paperback, blz. | Engels
Apress | e druk, 2020
ISBN13: 9781484258682
Hoofdrubriek : Computer en informatica
Juridisch :
Apress e druk, 2020 9781484258682
Verwachte levertijd ongeveer 15 werkdagen


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.

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

Net verschenen


Populaire producten



        Building React Apps with Server-Side Rendering