Frameworkless Front-End Development : Do You Control Your Dependencies or Are They Controlling You? / Francesco Strazzullo.
Strazzullo, Francesco, author.
2023
QA76.625
Available Online

Linked e-resources

Linked Resource
Online Access
Concurrent users
Unlimited
Authorized users
Authorized users
Document Delivery Supplied
Can lend chapters, not whole ebooks

Details

Title
Frameworkless Front-End Development : Do You Control Your Dependencies or Are They Controlling You? / Francesco Strazzullo.
Author
Strazzullo, Francesco, author.
Edition
Second edition.
ISBN
9781484293515 (electronic bk.)
1484293517 (electronic bk.)
9781484293508
1484293509
DOI
https://doi.org/10.1007/978-1-4842-9351-5
Published
Berkeley, CA : Apress L. P., [2023]
Language
English
Description
1 online resource.
Item Number
10.1007/978-1-4842-9351-5 doi
Call Number
QA76.625
Dewey Decimal Classification
005.2/76
Summary
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.
Note
Description based upon print version of record.
Bibliography, etc. Note
Includes bibliographical references and index.
Access Note
Access limited to authorized users.
Available in Other Form
Frameworkless Front-End Development
Linked Resources
Online Access
Record Appears in
Online Resources > Ebooks
All Resources
Chapter 1: The Definition of Framework
Frameworks vs Libraries
Comparing Frameworks to Libraries
Frameworks and Decisions
Angular's Decisions
Language
Observables
The Framework's Way
Frameworks as Technical Debt
Technical Investment
Summary
Chapter 2: Brief History of Front-end Frameworks
The First Age: jQuery
The jQuery's Way
The Second Age: AngularJS, Backbone, and Ember
AngularJS

The Third Age: React, Angular, and Vue
Angular
React
Comparing Angular and React
Bonus Tracks
Web Components
Svelte
Next.JS
Summary
Chapter 3: Rendering
The Document Object Model
Monitoring Rendering Performance
Chrome Developer Tools
The stats.js Widget
Custom Performance Widget
Rendering Functions
TodoMVC
Rendering Pure Functions
Reviewing the Code
Component Functions
Rendering Dynamic Data
The Virtual DOM
A Simple Virtual DOM Implementation
Summary
Chapter 4: Managing DOM Events
The YAGNI Principle
The DOM Events API

Attach Handlers with Properties
Attach Handlers with addEventListener
The Event Object
The DOM Event Lifecycle
Using Custom Events
Adding Events to TodoMVC
Reviewing the Rendering Engine
The Template Element
A Basic Event-Handling Architecture
Event Delegation
Summary
Chapter 5: Web Components
The APIs
The Custom Elements API
Managing Attributes
attributeChangedCallback
Virtual DOM Integration
Custom Events
Using Web Components for TodoMVC
Web Components vs Rendering Functions
Code Style
Testability
Portability
Community

Disappearing Frameworks
Summary
Chapter 6: HTTP Requests
A Bit of History: The Birth of AJAX
A To-Do List REST Server
Representational State Transfer (REST)
Code Examples
The Basic Structure
XMLHttpRequest
Fetch
Reviewing the Architecture
Summary
Chapter 7: Routing
Single Page Applications
Code Examples
Fragment Identifiers
A First Example
Navigating Programmatically
Route Parameters
The History API
Using Links
Navigo
Choosing the Right Router
Summary
Chapter 8: State Management
Reviewing the TodoMVC Application

Model View Controller
Observable Model
Reactive Programming
A Reactive Model
Native Proxies
Event Bus
A Frameworkless Implementation
Redux
Comparing State Management Strategies
Model View Controller
Reactive Programming
Event Bus
Summary
Chapter 9: Frameworkless Refactoring: StranglerFigApplication Pattern
Setting the Stage
The Solution
The Example
The Original Application
Moving Services
Moving Components
Other Conversion Strategies
iframes
Proxy
Summary
Chapter 10: Defending from Frameworks
Classify Framework Features
Rendering/Event Management

Browse Subjects

Show more subjects...

Statistics

from
to
Export