Frameworkless Front-End Development : Do You Control Your Dependencies or Are They Controlling You? /
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...
Clasificación: | Libro Electrónico |
---|---|
Autor principal: | |
Formato: | Electrónico eBook |
Idioma: | Inglés |
Publicado: |
Berkeley, CA :
Apress L. P.,
[2023]
|
Edición: | Second edition. |
Temas: | |
Acceso en línea: | Texto completo (Requiere registro previo con correo institucional) |
Tabla de Contenidos:
- 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