Isomorphic JavaScript Web Development

Leverage the power of React and Node to build complete web applications in pure JavaScript
Preview in Mapt

Isomorphic JavaScript Web Development

Tomas Alabes, Konstantin Tarkus

1 customer reviews
Leverage the power of React and Node to build complete web applications in pure JavaScript
Mapt Subscription
FREE
$29.99/m after trial
eBook
$19.60
RRP $27.99
Save 29%
Print + eBook
$34.99
RRP $34.99
What do I get with a Mapt Pro subscription?
  • Unlimited access to all Packt’s 5,000+ eBooks and Videos
  • Early Access content, Progress Tracking, and Assessments
  • 1 Free eBook or Video to download and keep every month after trial
What do I get with an eBook?
  • Download this book in EPUB, PDF, MOBI formats
  • DRM FREE - read and interact with your content when you want, where you want, and how you want
  • Access this title in the Mapt reader
What do I get with Print & eBook?
  • Get a paperback copy of the book delivered to you
  • Download this book in EPUB, PDF, MOBI formats
  • DRM FREE - read and interact with your content when you want, where you want, and how you want
  • Access this title in the Mapt reader
What do I get with a Video?
  • Download this Video course in MP4 format
  • DRM FREE - read and interact with your content when you want, where you want, and how you want
  • Access this title in the Mapt reader
$0.00
$19.60
$34.99
$29.99 p/m after trial
RRP $27.99
RRP $34.99
Subscription
eBook
Print + eBook
Start 14 Day Trial

Frequently bought together


Isomorphic JavaScript Web Development Book Cover
Isomorphic JavaScript Web Development
$ 27.99
$ 19.60
Responsive Web Development with HTML5, CSS3, and JavaScript [Video] Book Cover
Responsive Web Development with HTML5, CSS3, and JavaScript [Video]
$ 124.99
$ 106.25
Buy 2 for $35.00
Save $117.98
Add to Cart

Book Details

ISBN 139781785889769
Paperback226 pages

Book Description

The latest trend in web development, Isomorphic JavaScript, allows developers to overcome some of the shortcomings of single-page applications by running the same code on the server as well as on the client. Leading this trend is React, which, when coupled with Node, allows developers to build JavaScript apps that are much faster and more SEO-friendly than single-page applications.

This book begins by showing you how to develop frontend components in React. It will then show you how to bind these components to back-end web services that leverage the power of Node. You'll see how web services can be used with React code to offload and maintain the application logic. By the end of this book, you will be able to save a significant amount of development time by learning to combine React and Node to code fast, scalable apps in pure JavaScript.

Table of Contents

Chapter 1: Getting Started with Isomorphic Web Apps
What are isomorphic apps?
How to write isomorphic JavaScript code?
Introduction to React.js
Sample app description
What we need to get started
Installing project dependencies
The basic project structure
Creating the first react component
Rendering a React app on both client and server
How to run and test our app locally
Summary
Chapter 2: Creating a Web UI with React
Component-based UI development
Stateful versus stateless React components
Grouping UI components in a project
Breaking the UI into a component hierarchy
Building a static version in React
Implementing a basic isomorphic router
Summary
Chapter 3: Working with CSS and Media Assets
Inline styles in React components
Getting started with CSS modules
Getting started with PostCSS
Getting started with Webpack loaders
Configuring Webpack for images and CSS
Sharing common settings across multiple CSS files
Summary
Chapter 4: Working with Browsersync and Hot Module Replacement
Getting started with Browsersync
Getting started with Hot Module Replacement
Summary
Chapter 5: Rendering React Components on the Server
The core concepts of server-side rendering
Troubleshooting
Passing the component's state from server to client
Working with the React context
How to set the page title and meta tags
Working with third-party libraries
Fetching data from the server
Summary
Chapter 6: Creating Data API with GraphQL
The Basics of GraphQL
GraphQL query language
The GraphQL type system
Implementing a GraphQL server with Node.js
Backing GraphQL server by a SQL data store
Batching and caching
Summary
Chapter 7: Implementing Routing and Navigation
Pure server routing
Pure client routing
React server rendering
Summary
Chapter 8: Authentication and Authorization
Token-based authentication and cookies
JSON Web Token (JWT)
Server authentication
Summary
Chapter 9: Testing and Deploying Your App
Tests and deployment
Tests
Deployment
Summary

What You Will Learn

  • Build on the client side with the awesomeness of React
  • Style your application effectively
  • Render the server side using React
  • Implement a GraphQL server based on Node, Express, and SQL
  • Fetch application data using Relay
  • Build an isomorphic router to use in the application
  • Deploy your application to a cloud host
  • Secure your application with a solid token-based authentication system

Authors

Table of Contents

Chapter 1: Getting Started with Isomorphic Web Apps
What are isomorphic apps?
How to write isomorphic JavaScript code?
Introduction to React.js
Sample app description
What we need to get started
Installing project dependencies
The basic project structure
Creating the first react component
Rendering a React app on both client and server
How to run and test our app locally
Summary
Chapter 2: Creating a Web UI with React
Component-based UI development
Stateful versus stateless React components
Grouping UI components in a project
Breaking the UI into a component hierarchy
Building a static version in React
Implementing a basic isomorphic router
Summary
Chapter 3: Working with CSS and Media Assets
Inline styles in React components
Getting started with CSS modules
Getting started with PostCSS
Getting started with Webpack loaders
Configuring Webpack for images and CSS
Sharing common settings across multiple CSS files
Summary
Chapter 4: Working with Browsersync and Hot Module Replacement
Getting started with Browsersync
Getting started with Hot Module Replacement
Summary
Chapter 5: Rendering React Components on the Server
The core concepts of server-side rendering
Troubleshooting
Passing the component's state from server to client
Working with the React context
How to set the page title and meta tags
Working with third-party libraries
Fetching data from the server
Summary
Chapter 6: Creating Data API with GraphQL
The Basics of GraphQL
GraphQL query language
The GraphQL type system
Implementing a GraphQL server with Node.js
Backing GraphQL server by a SQL data store
Batching and caching
Summary
Chapter 7: Implementing Routing and Navigation
Pure server routing
Pure client routing
React server rendering
Summary
Chapter 8: Authentication and Authorization
Token-based authentication and cookies
JSON Web Token (JWT)
Server authentication
Summary
Chapter 9: Testing and Deploying Your App
Tests and deployment
Tests
Deployment
Summary

Book Details

ISBN 139781785889769
Paperback226 pages
Read More
From 1 reviews

Read More Reviews

Recommended for You

Mastering Reactive JavaScript Book Cover
Mastering Reactive JavaScript
$ 31.99
$ 22.40
Mastering Full-Stack React Web Development Book Cover
Mastering Full-Stack React Web Development
$ 35.99
$ 25.20
React and React Native Book Cover
React and React Native
$ 39.99
$ 28.00
JavaScript by Example Book Cover
JavaScript by Example
$ 27.99
$ 19.60
JavaScript: Functional Programming for JavaScript Developers Book Cover
JavaScript: Functional Programming for JavaScript Developers
$ 63.99
$ 44.80
React Design Patterns and Best Practices Book Cover
React Design Patterns and Best Practices
$ 35.99
$ 25.20