WeAreDevelopers Logo WeAreDevelopers
Sign in
For You LIVE
World Congress 2021 • Jun 28, 2021

The Naked Web Developer: Your Browser Is Your Framework

Avichay Eyal

Ditch the heavy JavaScript frameworks. Your browser already has everything needed to build production-grade apps. Master native APIs for unparalleled performance and zero technical debt.

Pause
Mute Enter Fullscreen
#1 about 3 min

Introduction to framework-free vanilla web development

Building a functional trading application for highly regulated environments without utilizing any third-party framework code.

#2 about 3 min

Evaluating the drawbacks of general-purpose monolithic frameworks

How comprehensive framework ecosystems introduce unnecessary weight, rigid boundaries, and dependency integration delays.

#3 about 4 min

Building a native frontend publish-subscribe messaging mechanism

Leveraging the built-in browser event target API to dispatch custom events and coordinate application logic.

#4 about 4 min

Implementing minimal browser state management using proxies

Constructing observable data stores by trapping object value mutations inside standard browser javascript proxies.

#5 about 5 min

Achieving dependency injection patterns with class mixins

Dynamically combining base class mixins to supply runtime injection requirements without relying on explicit compilers.

#6 about 2 min

Authoring native web components directly in the browser

Opting for native web components rather than framework-specific compilers ensures universally compatible custom view elements.

#7 about 4 min

Constructing a custom client-side router using events

Capturing popstate manipulation payloads to natively intercept URL navigation rules for dynamic page renderings.

#8 about 4 min

Supplying application environment variables through HTML metadata

Using custom data attributes on standard metadata tags to seamlessly pass external environment configuration payloads.

#9 about 3 min

Analyzing the pros and cons of custom architectures

Balancing the performance advantages of strict independence constraints against inherent troubleshooting and documentation drawbacks.

#10 about 4 min

Q&A: Codebase footprint and native application security

Validating backend endpoints alongside conventional user authentication techniques efficiently mitigates cross-site scripting exposure scenarios.

#11 about 3 min

Q&A: Polyfilling functionality for legacy browser compatibility

Converting modern proxy functionality into object getters enables custom reactive integrations on outdated legacy interfaces.

#12 about 3 min

Q&A: Executing behavioral tests on raw JavaScript constructs

Executing behavioral verification operations over standard headless web clients ensures complete custom logic reliability.

#13 about 3 min

Q&A: Defining boundaries between complete frameworks and abstraction

Extracting reusable codebase logic layers away from pure rendering engines limits disruptive framework migrations permanently.

#14 about 4 min

Q&A: Mitigating team onboarding friction and domain overhead

Combining micro frameworks across segmented application borders safely protects teams from unmanageable codebase complication.

Matching moments

3:16 min

Leveraging native browser capabilities for local web development

JS Congress

2:15 min

Transitioning native desktop graphics implementations to the web

Chris Heilmann Chris Heilmann +3 · LIVE

4:22 min

Rethinking the architecture of single page web applications

Jeremy Keith · World Congress 2021

4:30 min

Tracking open source community trends in JavaScript native frameworks

Dan Cranney Dan Cranney +2 · LIVE

2:38 min

Historical waves of web development and shipping less JavaScript

Chris Ferdinandi · JS Congress

7:10 min

Building framework-less architectures with native custom web components

Christian Liebel Christian Liebel · World Congress 2022

More from World Congress 2021

Micro Frontends with Module Federation: Why and How? thumbnail
45:40
about 5 years ago

Micro Frontends with Module Federation: Why and How?

Manfred Steyer

Data Science on Software Data thumbnail
48:10
about 5 years ago

Data Science on Software Data

Markus Harrer

The journey from developer to devops - what i've learnt along the way thumbnail
42:44
about 5 years ago

The journey from developer to devops - what i've learnt along the way

Liam Hurrel, Alireza Chegini

How Data is Shaping our Games thumbnail
43:30
about 5 years ago

How Data is Shaping our Games

Johanna Pirker

Cross platform Augmented Reality development with React Native thumbnail
40:50
about 5 years ago

Cross platform Augmented Reality development with React Native

Vladimir Novick

How to Build a Monetization Strategy Based on User's in-app Behavior thumbnail
38:59
about 5 years ago

How to Build a Monetization Strategy Based on User's in-app Behavior

Natalie Sieradzki

Related videos

The Lean Web thumbnail
46:46
JS Congress • almost 5 years ago

The Lean Web

Chris Ferdinandi

Keith Cirkle of GitHub on React Fatigue thumbnail
49:32
Coffee With Developers • almost 2 years ago

Keith Cirkle of GitHub on React Fatigue

Keith Cirkle

WeAreDevelopers LIVE – Spicy Vanilla Web, CSS Magic & More thumbnail
59:40
LIVE • 11 months ago

WeAreDevelopers LIVE – Spicy Vanilla Web, CSS Magic & More

Chris Heilmann, Daniel Cranney, Peter Kröner

WeAreDevelopers LIVE – Frontend Inspirations, Web Standards and more thumbnail
1:06:20
LIVE • 10 months ago

WeAreDevelopers LIVE – Frontend Inspirations, Web Standards and more

Chris Heilmann, Daniel Cranney, Jan Deppisch

How to Stop Choosing JavaScript Frameworks and Start Living thumbnail
43:57
LIVE • over 5 years ago

How to Stop Choosing JavaScript Frameworks and Start Living

Sasha Shynkevich

Extending HTML with Web Components thumbnail
41:54
World Congress 2022 • over 4 years ago

Extending HTML with Web Components

Rowdy Rabouw

Related articles

From learning to earning

Jobs that call for the skills explored in this talk.