Book Image

ECMAScript Cookbook

By : Ross Harrison
Book Image

ECMAScript Cookbook

By: Ross Harrison

Overview of this book

ECMAScript Cookbook follows a modular approach with independent recipes covering different feature sets and specifications of ECMAScript to help you become an efficient programmer. This book starts off with organizing your JavaScript applications as well as delivering those applications to modem and legacy systems. You will get acquainted with features of ECMAScript 8 such as async, SharedArrayBuffers, and Atomic operations that enhance asynchronous and parallel operations. In addition to this, this book will introduce you to SharedArrayBuffers, which allow web workers to share data directly, and Atomic operations, which help coordinate behavior across the threads. You will also work with OOP and Collections, followed by new functions and methods on the built-in Object and Array types that make common operations more manageable and less error-prone. You will then see how to easily build more sophisticated and expressive program structures with classes and inheritance. In the end, we will cover Sets, Maps, and Symbols, which are the new types introduced in ECMAScript 6 to add new behaviors and allow you to create simple and powerful modules. By the end of the book, you will be able to produce more efficient, expressive, and simpler programs using the new features of ECMAScript. ?
Table of Contents (20 chapters)
Title Page
Copyright and Credits
Dedication
PacktPub.com
Contributors
Preface
Index

Installing and configuring webpack


As mentioned before, there are a few options for creating JavaScript bundles. Rollup and Babel are popular tools that can perform this task. The webpack is a good option because it is widely used and has a large plugin base.

This recipe demonstrates how to install and configure webpack to build a JavaScript bundle.

Getting ready

You'll need to have Node.js installed. If not, please see the appropriate recipe for installing Node.js with nvm.

How to do it...

  1. Open your command-line application, navigate to your workspace, and create a new node package:
mkdir 02-creating-client-bundlescd 02-creating-client-bundlesnpm init -y
  1. Duplicate the main.js file from the Nesting modules under a single namespace recipe in Chapter 1, Building with Modules:
// main.js 
import { atlas, saturnV } from './rockets/index.js' 
 
export function main () { 
  saturnV.launch(); 
  atlas.launch(); 
} 
  1. Create the rockets dependencies directory (these files can be copied from Nesting modules...