List of videos

Phil Nash - CSS Between the Pages - DevWorld 2024
CSS Between the Pages by Phil Nash Phil Nash will discuss the importance of clean code facilitated by SonarLint and SonarQube/SonarCloud, which help catch and fix bugs during development. The View Transitions API simplifies this by capturing the initial and final states, then animating between them using CSS. The API also supports accessibility features, such as respecting the "prefers reduced motion" setting. By adding a meta tag and using the same CSS techniques, developers can achieve seamless transitions between full page navigations, eliminating the need for complex frameworks in simpler applications. ๐บ On-Demand Replay? Access to Slides? Q&A? Become part of our Devworld Community Platform for Free Full access: https://devworldconference.com/devwor... ๐ JSworld Conference ๐ JSworld Conference is Largest JavaScript Gathering on the Planet taking place annually in February and attracting 2,500 JavaScript Enthusiasts over 3 full days to meet with JavaScript Leaders and Connect with Industry Peers to build a valuable network for life. Engineers flying in from 52 countries to listen to more then 30 JavaScript Deep Dives and to join daily Networking activities. Don't miss your opportunity to meet with The World's Largest JavaScript Community! More information and tickets via https://jsworldconference.com/ #jsworld #jsworldconference #javascript #reactjs #angular #react #vuejs #vue #vue3 #typescript #graphql #jamstack #amsterdam #conference #svelte #sveltejs #next #nextjs #staticsite #css #html #tech #programming #react
Watch
Minko Gechev, Houssein Djirdeh & Jatin Ramanathan - Web Development at Google - DevWorld 2024
Web Devleopment at Google By Minko Gechev, Houssein Djirdeh, Jatin Ramanathan Get insights into Google's internal web development frameworks and their support for external ecosystems. Wiz: Emphasizing its focus on web performance, particularly server-side rendering. The framework is widely used across Google products like Search, Photos, and Drive. Angular: Bridges the gap between Google's internal needs and external applications, drawing inspiration from both worlds. Aurora: Open-source frameworks to address common challenges faced by developers, such as image optimization and font loading. ๐บ On-Demand Replay? Access to Slides? Q&A? Become part of our Devworld Community Platform for Free Full access: https://devworldconference.com/devwor... ๐ JSworld Conference ๐ JSworld Conference is Largest JavaScript Gathering on the Planet taking place annually in February and attracting 2,500 JavaScript Enthusiasts over 3 full days to meet with JavaScript Leaders and Connect with Industry Peers to build a valuable network for life. Engineers flying in from 52 countries to listen to more then 30 JavaScript Deep Dives and to join daily Networking activities. Don't miss your opportunity to meet with The World's Largest JavaScript Community! More information and tickets via https://jsworldconference.com/ #jsworld #jsworldconference #javascript #reactjs #angular #react #vuejs #vue #vue3 #typescript #graphql #jamstack #amsterdam #conference #svelte #sveltejs #next #nextjs #staticsite #css #html #tech #programming #react
Watch
Jonas Herrmannsdรถrfer - 5 Antipatterns that Made Our React/GraphQL App Slow (And How We Fixed Them)
5 Antipatterns that Made Our React/GraphQL App Slow (And How We Fixed Them) By Jonas Herrmannsdรถrfer 1. Over-fetching: Which involves requesting more data than necessary, slowing down the application. 2.Fragment misuse: Developers often create large fragments stored in a central file, leading to over-fetching when fragments are not properly updated. 3. Under-fetching: where insufficient data is requested, leading to multiple additional queries. This causes performance overhead and complexity. 4.not using return values of mutations: Typically, a client makes an additional request to fetch updated data after a mutation, causing unnecessary delays. 5: not using a suitable caching library ๐บ On-Demand Replay? Access to Slides? Q&A? Become part of our Devworld Community Platform for Free Full access: https://devworldconference.com/devwor... ๐ JSworld Conference ๐ JSworld Conference is Largest JavaScript Gathering on the Planet taking place annually in February and attracting 2,500 JavaScript Enthusiasts over 3 full days to meet with JavaScript Leaders and Connect with Industry Peers to build a valuable network for life. Engineers flying in from 52 countries to listen to more then 30 JavaScript Deep Dives and to join daily Networking activities. Don't miss your opportunity to meet with The World's Largest JavaScript Community! More information and tickets via https://jsworldconference.com/ #jsworld #jsworldconference #javascript #reactjs #angular #react #vuejs #vue #vue3 #typescript #graphql #jamstack #amsterdam #conference #svelte #sveltejs #next #nextjs #staticsite #css #html #tech #programming #react
Watch
Marc Backes - Building a Time Machine with ES6 Proxies - DevWorld 2024
Building a Time Machine with ES6 Proxies by Marc Backes Learn how we can use JavaScript ES6 proxies to do all sorts of cool things, among them creating reactivity, or build a time machine right inside the browser. Marco will go through some basic workings of Proxies on slides to understand the theory, and will then jump into live coding, where he will develop a "time machine" from scratch, where a state automatically (!) saves changes, and the developer can use this to jump to certain points in time, or even create a new timeline. All of the live demo is coded by hand, and split up in very digestible pieces so it is easy to follow. ๐บ On-Demand Replay? Access to Slides? Q&A? Become part of our Devworld Community Platform for Free Full access: https://devworldconference.com/devwor... ๐ JSworld Conference ๐ JSworld Conference is Largest JavaScript Gathering on the Planet taking place annually in February and attracting 2,500 JavaScript Enthusiasts over 3 full days to meet with JavaScript Leaders and Connect with Industry Peers to build a valuable network for life. Engineers flying in from 52 countries to listen to more then 30 JavaScript Deep Dives and to join daily Networking activities. Don't miss your opportunity to meet with The World's Largest JavaScript Community! More information and tickets via https://jsworldconference.com/ #jsworld #jsworldconference #javascript #reactjs #angular #react #vuejs #vue #vue3 #typescript #graphql #jamstack #amsterdam #conference #svelte #sveltejs #next #nextjs #staticsite #css #html #tech #programming #react
Watch
Eric Fennis - The art of tree-shaking - DevWorld 2024
The art of tree-shaking by Eric Fennis Achieving effective tree-shaking involves considering various crucial factors and adopting a modular mindset, which might differ from your usual software development approach. Developing the Lucide Icons library, Eric has gained valuable insights into the workings of tree-shaking. He will be sharing dos and don'ts based on what he has learned, providing practical tips for writing applications that optimize this process effectively. ๐บ On-Demand Replay? Access to Slides? Q&A? Become part of our Devworld Community Platform for Free Full access: https://devworldconference.com/devwor... ๐ JSworld Conference ๐ JSworld Conference is Largest JavaScript Gathering on the Planet taking place annually in February and attracting 2,500 JavaScript Enthusiasts over 3 full days to meet with JavaScript Leaders and Connect with Industry Peers to build a valuable network for life. Engineers flying in from 52 countries to listen to more then 30 JavaScript Deep Dives and to join daily Networking activities. Don't miss your opportunity to meet with The World's Largest JavaScript Community! More information and tickets via https://jsworldconference.com/ #jsworld #jsworldconference #javascript #reactjs #angular #react #vuejs #vue #vue3 #typescript #graphql #jamstack #amsterdam #conference #svelte #sveltejs #next #nextjs #staticsite #css #html #tech #programming #react
Watch
Talita Gregory - Backstage Plugins: Another way to communicate your data - DevWorld 2024
Backstage Plugins: Another way to communicate your data By Talita Gregory Explore how Backstage plugins can elevate your development experience Learn from the Lighthouse squad at Spotify as they share how they use Backstage to communicate performance and quality insights across their organization. Discover how you can leverage Backstage plugins to enhance collaboration, streamline communication, and achieve new levels of productivity. ๐บ On-Demand Replay? Access to Slides? Q&A? Become part of our Devworld Community Platform for Free Full access: https://devworldconference.com/devwor... ๐ JSworld Conference ๐ JSworld Conference is Largest JavaScript Gathering on the Planet taking place annually in February and attracting 2,500 JavaScript Enthusiasts over 3 full days to meet with JavaScript Leaders and Connect with Industry Peers to build a valuable network for life. Engineers flying in from 52 countries to listen to more then 30 JavaScript Deep Dives and to join daily Networking activities. Don't miss your opportunity to meet with The World's Largest JavaScript Community! More information and tickets via https://jsworldconference.com/ #jsworld #jsworldconference #javascript #reactjs #angular #react #vuejs #vue #vue3 #typescript #graphql #jamstack #amsterdam #conference #svelte #sveltejs #next #nextjs #staticsite #css #html #tech #programming #react
Watch
Daniel Kelly - Laravel, Inertia and Vue - DevWorld 2024
Laravel, Inertia and Vue By Daniel Kelly Daniel explains how Laravel and Vue.js can collaborate seamlessly using Inertia.js, which enables developers to build single-page applications (SPAs) without the need for a separate REST API. Daniel demonstrates how Inertia.js works, detailing its server-side rendering capabilities, global data sharing, and form handling functionalities. He emphasizes the benefits of using Inertia.js for Laravel and Vue.js developers, providing examples and practical tips throughout the talk. ๐บ On-Demand Replay? Access to Slides? Q&A? Become part of our Devworld Community Platform for Free Full access: https://devworldconference.com/devwor... ๐ JSworld Conference ๐ JSworld Conference is Largest JavaScript Gathering on the Planet taking place annually in February and attracting 2,500 JavaScript Enthusiasts over 3 full days to meet with JavaScript Leaders and Connect with Industry Peers to build a valuable network for life. Engineers flying in from 52 countries to listen to more then 30 JavaScript Deep Dives and to join daily Networking activities. Don't miss your opportunity to meet with The World's Largest JavaScript Community! More information and tickets via https://jsworldconference.com/ #jsworld #jsworldconference #javascript #reactjs #angular #react #vuejs #vue #vue3 #typescript #graphql #jamstack #amsterdam #conference #svelte #sveltejs #next #nextjs #staticsite #css #html #tech #programming #react
Watch
Filip Rakowski - Astro and Qwik - a match made in performance heaven! - DevWorld 2024
Astro and Qwik - a match made in performance heaven! By Filip Rakowski Last year saw the rise of two modern frontend frameworks focused on performance: Astro and Qwik. Although both aim to make apps fast without needing extensive optimization, they operate differently and suit different use cases. Astro excels in websites leveraging modern frameworks, while Qwik is ideal for large, JavaScript-heavy applications. Recently, Qwik integration for Astro emerged, combining both frameworks' strengths. ๐บ On-Demand Replay? Access to Slides? Q&A? Become part of our Devworld Community Platform for Free Full access: https://devworldconference.com/devwor... ๐ JSworld Conference ๐ JSworld Conference is Largest JavaScript Gathering on the Planet taking place annually in February and attracting 2,500 JavaScript Enthusiasts over 3 full days to meet with JavaScript Leaders and Connect with Industry Peers to build a valuable network for life. Engineers flying in from 52 countries to listen to more then 30 JavaScript Deep Dives and to join daily Networking activities. Don't miss your opportunity to meet with The World's Largest JavaScript Community! More information and tickets via https://jsworldconference.com/ #jsworld #jsworldconference #javascript #reactjs #angular #react #vuejs #vue #vue3 #typescript #graphql #jamstack #amsterdam #conference #svelte #sveltejs #next #nextjs #staticsite #css #html #tech #programming #react
Watch
Tamas Piros - Bandwidth Ballet: Optimizing Video Performance for Web Maestros - DevWorld 2024
Bandwidth Ballet: Optimizing Video Performance for Web Maestros By Tamas Piros Delve into encoding, adaptive bitstream, and codec choices to create seamless, engaging content across devices and browsers. Explore the transformative power of video in enhancing user engagement and conveying complex ideas. Gain practical tips to elevate your web development skills, simplifying the process of integrating video into any webpage. ๐บ On-Demand Replay? Access to Slides? Q&A? Become part of our Devworld Community Platform for Free Full access: https://devworldconference.com/devwor... ๐ JSworld Conference ๐ JSworld Conference is Largest JavaScript Gathering on the Planet taking place annually in February and attracting 2,500 JavaScript Enthusiasts over 3 full days to meet with JavaScript Leaders and Connect with Industry Peers to build a valuable network for life. Engineers flying in from 52 countries to listen to more then 30 JavaScript Deep Dives and to join daily Networking activities. Don't miss your opportunity to meet with The World's Largest JavaScript Community! More information and tickets via https://jsworldconference.com/ #jsworld #jsworldconference #javascript #reactjs #angular #react #vuejs #vue #vue3 #typescript #graphql #jamstack #amsterdam #conference #svelte #sveltejs #next #nextjs #staticsite #css #html #tech #programming #react
Watch