Explore an alternative method of front-end application development without using frameworks or third-party libraries. This updated book provides you with the required skills and freedom to consider a “no framework” approach when choosing a technology for creating a new project. New topics covered include a brief history of JavaScript frameworks and their key developments, how to protect domain code, and how to work with frameworkless in legacy applications.

You’ll work through the most important issues in a clear and sensible way, using practical methods and tools to gain an understanding of non-functional requirements. This book answers questions on important topics such as state management, making a routing system, creating a REST client using fetch, and reveals the trade-offs and risks associated with choosing the wrong framework or tool for your project, as well as provides sustainability, and functional alternatives.

Frameworkless Front-End Development breaks down the concept of technical debt and the ways in which a framework can impact the lifespan of a project. Along with gaining a comprehensive and clear guide on coding effectively from scratch without frameworks, you will also learn some principles of technical decision-making.

What You’ll Learn

• Understand DOM manipulation  
• Manage the state of a fronted application with different patterns
• Safely migrate existent applications to a new framework or to frameworkless code
• Understand the importance of non-functional requirements
• See how a Framework can affect the “health” of a codebase

Who This Book Is For

• Skilled JavaScript developers who want to understand how to effectively write code without using dependencies
• CTOs who need to help teams to choose a technology stack for their next project
• Consultants that need to refactor an existent JavaScript front-end codebase

Table of Contents

Chapter 1: The Definition of Framework

Chapter 2: Brief History of Front-end

Frameworks

Chapter 3: Rendering

Chapter 4: Managing DOM Events

Chapter 5: Web Components

Chapter 6: HTTP Requests

Chapter 7: Routing

Chapter 8: State Management

Chapter 9: Frameworkless Refactoring: StranglerFigApplication Pattern

Chapter 10: Defending from Frameworks

Chapter 11: The Right Tool for the Right Job

About the Author

Francesco Strazzullo is an experienced front-end engineer, JavaScript trainer, developer and a partner at the digital project consultancy Flowing. He has presented at tech conferences and meet-ups around Europe. Francesco is a technical reviewer for multiple tech publishers, and writes technical articles on his blog. He is always enthusiastic about trying out new APIs, and he is a firm believer that the best way to learn something new is to explain and teach it to somebody else. With a group of friends and fellow developers, he has founded the Frameworkless Movement, a group interested in developing software without using frameworks and spreading knowledge about making informed decisions about the choice and use of frameworks in front-end software development