Frameworkless Front-End Development

Do You Control Your Dependencies or are They Controlling You?

Francesco Strazzullo

• Publisher: Apress
• Year: 2023
• Print ISBN: 9781484293508
• eBook ISBN: 9781484293515
• Edition: 2
• Topic: Computer Science
• Subtopic: Web Programming
• Index: Computer Science

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 breaksdown 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

• Cover
• Front Matter
• 1. The Definition of Framework
• 2. Brief History of Front-end Frameworks
• 3. Rendering
• 4. Managing DOM Events
• 5. Web Components
• 6. HTTP Requests
• 7. Routing
• 8. State Management
• 9. Frameworkless Refactoring: StranglerFigApplication Pattern
• 10. Defending from Frameworks
• 11. The Right Tool for the Right Job
• Back Matter