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 +3 · LIVE

4:22 min

Rethinking the architecture of single page web applications

Jeremy Keith · WWC 2021

4:30 min

Tracking open source community trends in JavaScript native frameworks

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 · WWC 2022

Upcoming sessions on this topic

Open session

World Congress 2026 North America

Small LLM in your Browser: Huge Opportunities for Web Applications

Daniel Ostrovsky

UI/UX Architect at Payoneer | AI Architect | Full Cycle Development Expert | Public Speaker | Open Source Contributor |

Daniel Ostrovsky
Open session

World Congress 2026 North America

Architecting AI in Angular: WebMCP, A2UI, and the Agent Experience

Ankita Sood

Sr. Principal Engineer @ Secureworks | Angular GDE

Ankita Sood
Open session

World Congress 2026 North America

How to generate business value through performance optimizations

Nikolai Sidiropulo

Software Engineer at Meta

Nikolai Sidiropulo
Open session

World Congress 2026 North America

When Humans Stop Writing Code: Rethinking Languages, Compilers, and Responsibility

Simon Auer

Organizer of flutter vienna meetup and CEO of marqably

Simon Auer
Open session

World Congress 2026 North America

Full Stack with Flutter - are we there yet?

Nemanja Stošić

Senior Flutter Developer

Nemanja Stošić
Open session

World Congress 2026 North America

From Cloud Native to Multi-Cloud Native: Write Once, Deploy Anywhere

Sandeep Pal

Principal Member of Technical Staff at Salesforce

Sandeep Pal