Book Overview & Buying
Table Of Contents

Hands-On JavaScript High Performance

By : Scherer

2.3 (3)

Buy this Book

Hands-On JavaScript High Performance

2.3 (3)

By: Scherer

Buy this Book

Overview of this book

High-performance web development is all about cutting through the complexities in different layers of a web app and building services and APIs that improve the speed and performance of your apps on the browser. With emerging web technologies, building scalable websites and sustainable web apps is smoother than ever. This book starts by taking you through the web frontend, popular web development practices, and the latest version of ES and JavaScript. You'll work with Node.js and learn how to build web apps without a framework. The book consists of three hands-on examples that help you understand JavaScript applications at both the server-side and the client-side using Node.js and Svelte.js. Each chapter covers modern techniques such as DOM manipulation and V8 engine optimization to strengthen your understanding of the web. Finally, you’ll delve into advanced topics such as CI/CD and how you can harness their capabilities to speed up your web development dramatically. By the end of this web development book, you'll have understood how the JavaScript landscape has evolved, not just for the frontend but also for the backend, and be ready to use new tools and techniques to solve common web problems.

Preface

Who this book is for

What this book covers

To get the most out of this book

Get in touch

Tools for High Performance on the Web

Technical requirements

DevTools for different environments

Chrome – an in-depth look at the Performance tab

Chrome – an in-depth look at the Memory tab

Chrome – an in-depth look at the Rendering tab

jsPerf and benchmarking

Summary

Free Chapter

Immutability versus Mutability - The Balance between Safety and Speed

Technical requirements

The current fascination with immutability

Writing safe mutable code

Functional style programming

Summary

Vanilla Land - Looking at the Modern Web

Technical requirements

A dive into modern JavaScript

Understanding classes and modules

Working with the DOM

Understanding the Fetch API

Summary

Practical Example - A Look at Svelte and Being Vanilla

Technical requirements

A framework for pure speed

Build the basics – a Todo application

Getting fancier – a basic weather application

Summary

Switching Contexts - No DOM, Different Vanilla

Technical requirements

Getting Node.js

Understanding the DOM-less world

Debugging and inspecting code

Summary

Message Passing - Learning about the Different Types

Technical requirements

Local communication using the net module

Utilizing the network

A quick glance at HTTP/3

Summary

Streams - Understanding Streams and Non-Blocking I/O

Technical requirements

Getting started with streams

Building a custom Readable stream

Building a Writable stream

Implementing a Duplex stream

Implementing a Transform stream

Using generators with streams

Summary

Data Formats - Looking at Different Data Types Other Than JSON

Technical requirements

Using JSON

Implementing the encoder

Implementing the decoder

A look at data formats

Summary

Practical Example - Building a Static Server

Technical requirements

Understanding static content

Setting up our server

Adding caching and clustering

Summary

Workers - Learning about Dedicated and Shared Workers

Technical requirements

Offloading work to a dedicated worker

Moving data in our application

Sending binary data in the browser

Sharing data and workers

Building a simple shared cache

Summary

Service Workers - Caching and Making Things Faster

Technical requirements

Understanding the ServiceWorker

Caching pages and templates for offline use

Saving requests for later

Summary

Building and Deploying a Full Web Application

Technical requirements

Understanding Rollup

Integrating into CircleCI

Summary

WebAssembly - A Brief Look into Native Code on the Web

Technical requirements

Understanding WebAssembly

Writing WebAssembly modules

Writing C/C++ for the web

A look at SQLite in the browser

Summary

Data Formats - Looking at Different Data Types Other Than JSON

We have almost finished our discussion on server-side JavaScript. One topic that seems to fly under the radar, but does come up quite a bit when interfacing with other systems or even making things faster, is transmitting data in different formats. One of the most common, if not the most common, formats is JSON. JSON is quite easily one of the easiest data formats to interface with, especially in JavaScript.

In JavaScript, we do not have to worry about JSON objects that do not match a class. If we were utilizing a strongly typed language such as Java (or TypeScript for those that are using it), we would have to worry about the following things:

Creating a class that mimics the format of the JSON object.
Creating a map structure that keeps nesting based on how many nested objects there are.
Creating on-the-fly classes...