book

Mastering Modular JavaScript

by Nicolas Bevacqua

September 2018

Intermediate to advanced

162 pages

4h 21m

English

O'Reilly Media, Inc.

Read now

Unlock full access

Who Should Read This BookWhy Modular JavaScript?How Is This Book Organized?Conventions Used in This BookO’Reilly SafariHow to Contact UsAcknowledgments
1.1 Introduction to Module Thinking1.2 A Brief History of Modularity1.2.1 Script Tags and Closures1.2.2 RequireJS, AngularJS, and Dependency Injection1.2.3 Node.js and the Advent of CommonJS1.2.4 ES6, import, Babel, and Webpack1.3 The Perks of Modular Design1.4 Modular Granularity1.5 Modular JavaScript: A Necessity
2.1 Modular Design Essentials2.1.1 Single Responsibility Principle2.1.2 API First2.1.3 Revealing Pattern2.1.4 Finding the Right Abstractions2.1.5 State Management2.2 CRUST: Consistent, Resilient, Unambiguous, Simple, and Tiny2.2.1 Consistency2.2.2 Resiliency2.2.3 Unambiguity2.2.4 Simplicity2.2.5 Tiny Surface Areas
3.1 Growing a Module3.1.1 Composability and Scalability3.1.2 Design for Today3.1.3 Abstractions Evolve in Small Steps3.1.4 Move Deliberately and Experiment3.2 CRUST Considerations3.2.1 Do Repeat Yourself, Occasionally3.2.2 Feature Isolation3.2.3 Trade-Offs When Designing Internals3.3 Pruning a Module3.3.1 Error Handling, Mitigation, Detection, and Solving3.3.2 Documentation as an Art3.3.3 Removing Code3.3.4 Applying Context
4.1 Internal Complexity4.1.1 Containing Nested Complexity4.1.2 Feature Entanglement and Tight Coupling4.1.3 Frameworks: The Good, the Bad, and the Ugly4.2 Refactoring Complex Code4.2.1 Embracing Variables over Clever Code4.2.2 Guard Clauses and Branch Flipping4.2.3 An Interdependency Pyramid4.2.4 Extracting Functions4.2.5 Flattening Nested Callbacks4.2.6 Factoring Similar Tasks4.2.7 Slicing Large Functions4.3 State as Entropy4.3.1 Current State: It’s Complicated4.3.2 Eliminating Incidental State4.3.3 Containing State4.3.4 Leveraging Immutability4.4 Data Structures Are King4.4.1 Isolating Data and Logic4.4.2 Restricting and Clustering Logic
5.1 Leveraging Modern JavaScript5.1.1 Template Literals5.1.2 Destructuring, Rest, and Spread5.1.3 Striving for Simple const Bindings5.1.4 Navigating Callbacks, Promises, and Asynchronous Functions5.2 Composition and Inheritance5.2.1 Inheritance Through Classes5.2.2 The Perks of Composition: Aspects and Extensions5.2.3 Choosing Between Composition and Inheritance5.3 Code Patterns5.3.1 Revealing Module5.3.2 Object Factories5.3.3 Event Emission5.3.4 Message Passing and the Simplicity of JSON
6.1 Secure Configuration Management6.2 Explicit Dependency Management6.3 Interfaces as Black Boxes6.4 Build, Release, Run6.5 Statelessness6.6 Parity in Development and Production6.7 Abstraction Matters

Overview

If you have a working knowledge of JavaScript and ECMAScript 6 (ES6), this practical guide will help you tackle modular programming to produce code that’s readable, maintainable, and scalable. You’ll learn the fundamentals of modular architecture with JavaScript and the benefits of writing self-contained code at every system level, including the client and server.

Nicolás Bevacqua, author of Practical Modern JavaScript, demonstrates how to scale out JavaScript applications by breaking codebases into smaller modules. By following the design practices in this book, senior developers, technical leaders, and software architects will learn how to create modules that are simple and flexible while keeping internal complexity in check.

Learn modular design essentials, including how your application will be consumed and what belongs on the interface
Design module internals to keep your code readable and its intent clear
Reduce complexity by refactoring code and containing and eliminating state
Take advantage of modern JavaScript features to write clear programs and reduce complexity
Apply Twelve-Factor App principles to frontend and backend JavaScript application development