Crafting Clean Code with JavaScript and React: A Practical Guide to Sustainable Front-End Development

by Héla Ben Khalfallah

Overview

Understand the guiding principles of “clean code” and how it applies to modern front-end development, accessibility (a11y), semantics, performance, and the Green Web. Highlighting key topics ranging from the foundations of JavaScript and HTML to popular frameworks like React, this book provides best practices to ensure code and applications are easier, more efficient and cost effective to run.

Using a web-based application as an example, you’ll begin by cleaning and improving its code base by dividing the JavaScript into smaller, reusable and composable functions without side effects. Then, you’ll improve the HTML code base by applying "Disability Driven Design" patterns, focusing on semantics before moving on to improving the architecture with a functional style (immutable, modular and composable).

Because the web today needs to be green with reduced loading time and energy consumption, you’ll apply some tips and tricks to improve code performance and see how to best monitor it in a continuous and scalable way.

What You’ll Learn

• See how the JavaScript engine works and memory management.
• Explore in greater detail key focus areas of accessibility and green computing
• Make applications easier and more cost-effective to run
• Look closely at clean and sustainable development using JavaScript and React

Who This Book Is For

Programmers, developers, engineers and product managers who are looking at cost-efficient ways to make their applications run more smoothly and efficiently.

Product Details

ISBN-13:	9798868810039
Publisher:	Apress
Publication date:	11/21/2024
Edition description:	First Edition
Pages:	441
Product dimensions:	6.10(w) x 9.25(h) x (d)

About the Author

Héla Ben Khalfallah is a highly accomplished frontend expert with nearly 15 years of experience in the technology sector. Throughout her career, she has taken on diverse roles, including expert, architect, lead developer, software engineer developer, and manager. Her passion for software engineering and coding extends beyond specific languages, though she is particularly interested in JavaScript, functional programming, React, clean code, and performance optimization.

An active contributor to the tech community, Héla frequently shares her knowledge on Medium and in publications like Better Programming and IT Next. She is also a speaker, having given conferences in both 2023 and 2024. Additionally, she leads meetups where she shares her expertise and enthusiasm with others.

Table of Contents

Chapter 1. Getting Started: Presenting the Context.- Chapter 2. Functional Programming: Blueprint for Pure Code.- Chapter 3. SAGE(S) Driven Design: An Inclusive and Eco-Friendly Website.- Chapter 4. HOFA: The Path Towards Clean Architecture.- Chapter 5. MOME: Befriend User Execution Capabilities.- Chapter 6. CRISP: Clean Reliable Integrated Software Process.