Vanilla Web: You Don't Need that Library • Maximiliano Firtman • GOTO 2024

This presentation was recorded at GOTO Chicago 2024. #GOTOcon #GOTOchgo https://gotochgo.com Maximiliano Firtman - App Developer, Course Instructor, Writer, Speaker & Workshop Trainer @firtman RESOURCES https://bsky.app/profile/firt.dev https://twitter.com/firt http://firt.dev https://www.linkedin.com/in/firtman Link https://firtman.github.io/vanilla ABSTRACT New web libraries constantly emerge, promising to solve our previous coding dilemmas. But what if we revisit the fundamentals? Embrace simplicity and speed using Vanilla JS, modern browser APIs, and different server architectures, including site generators. Let’s talk about embracing the simplicity and speed of development that comes with a ‘vanilla’ approach. This session is all about exploring how to craft rich web apps and websites using nothing but the HTTP protocol, core JavaScript, and browser APIs—no dependencies, just pure power! If you have never created apps with Vanilla JS or without a library, now is the perfect time to understand it. We’ll journey through the modern landscape of JavaScript’s foundational features, which have evolved into a robust suite of tools. From Web Components to Shadow DOM, reactivity and declarative templates, PWA APIs, reactive programming, and client-side routing, we’ll uncover how to harness these powerful features typically provided by libraries. We’ll also delve into server-side architectures and how to use static site generators for some websites and web apps. Let’s rediscover the potential of returning to the roots of web development and see what your code can do without libraries or frameworks! [...] TIMECODES 00:00 Intro 01:33 A few questions 05:04 How did we get here? 07:48 Vanilla JavaScript 09:32 Why you need to care about VanillaJS 11:22 Advantages of VanillaJS 12:40 Fears of VanillaJS 16:52 Semantic HTML & Vanilla CSS 18:39 Static generators 20:00 Client-side routing 24:09 Web components 26:32 Custom element 28:32 Template element 31:59 Shadow DOM 34:22 Reactive programming 37:03 Web apps power 40:23 Lessons 42:11 Outro Download slides and read the full abstract here: https://gotochgo.com/2024/sessions/3407 RECOMMENDED BOOKS Maximiliano Firtman • High Performance Mobile Web • https://amzn.to/4hCgycI Maximiliano Firtman • Programming the Mobile Web • https://amzn.to/4hAgR7U Maximiliano Firtman • jQuery Mobile • https://amzn.to/3PZhf41 Haris Tsetsekas • Vanilla JavaScript Projects • https://amzn.to/3EgHm3H https://bsky.app/profile/gotocon.com https://twitter.com/GOTOcon https://www.linkedin.com/company/goto- https://www.instagram.com/goto_con https://www.facebook.com/GOTOConferences #VanillaWeb #VanillaJavaScript #VanillaJS #JavaScript #ReactiveProgramming #ShadowDOM #MaxFirtman #MaximilianoFirtman CHANNEL MEMBERSHIP BONUS Join this channel to get early access to videos & other perks: https://www.youtube.com/channel/UCs_tLP3AiwYKwdUHpltJPuA/join Looking for a unique learning experience? Attend the next GOTO conference near you! Get your ticket at https://gotopia.tech Sign up for updates and specials at https://gotopia.tech/newsletter SUBSCRIBE TO OUR CHANNEL - new videos posted almost daily. https://www.youtube.com/user/GotoConferences/?sub_confirmation=1