GitNation: Talks & workshops by core teams and top engineers

Upcoming events

Subscribe to the top Dev conferences

JSNation US 2026

Nov 16 - 19, 2026

AI Coding Summit NYC

Nov 16 - 19, 2026

React Summit US 2026

Nov 17 - 20, 2026

React Day Berlin 2026

Dec 4 - 7, 2026

AI Coding Summit Berlin

Dec 4 - 7, 2026

React Summit Asia 2027

Apr 14 - 19, 2027

AI Coding Summit Asia 2027

Apr 15 - 20, 2027

AI Coding Summit Amsterdam 2027

May 20 - 24, 2027

TechLead Conf Amsterdam 2027: Adopting AI in Orgs

May 20, 2027

React Summit 2027

May 21 - 25, 2027

JSNation 2027

May 21 - 25, 2027

Web Development insights directly from framework authors and early adopters.

Talks from our events

React Advanced 2026

Oct 23 - 26, 2026

TechLead Conf London 2026: Adopting AI in Orgs Edition

Oct 23, 2026

AI Coding Summit London

Jul 6 - 7, 2026

JSNation 2026

Jun 11 - 15, 2026

Web Engineering Summit 2026

Jun 11 - 15, 2026

TechLead Conf Amsterdam 2026: Adopting AI in Orgs Edition

Jun 11, 2026

Node Congress 2026

Mar 26 - 27, 2026

AI Coding Summit 2026

Feb 26 - 27, 2026

TechLead Conf London 2025: Adopting AI in Orgs Edition

Nov 28, 2025

React Advanced 2025

Nov 27 - Dec 1, 2025

React Summit US 2025

Nov 18 - 21, 2025

JSNation US 2025

Nov 17 - 20, 2025

Articles

Emma Bostian: I landed my dream job by sharing my blogs on Twitter

Software engineer, lecturer, podcast host, author — is there something Emma Bostian hasn't done? She moved from America to Sweden, started working at Spotify, and took up a few challenges along the way. And now she has some career tips to share.

What led you to...

Kent C. Dodds: Consume, build, and teach — and level up your career

Even though his bio offers quite a hefty reading, he only applied for one job in his career. The rest came along as he was building his name as a renowned speaker, teacher, and a prolific figure of the open-source community. How did Kent do it? “Commit to creating high-quality content,” he sa...

10 Storyblok CMS Agencies and Development Companies for Your Next Build (October 2026)

Storyblok CMS agency quality varies less on platform familiarity and more on content-modeling discipline, website migration methodology, and post-launch governance. We've chosen 10 Storyblok services, proven by real expertise. A top Storyblok agency is evaluated by its ability to architect the ri...

14 Sanity CMS Agencies and Development Companies: Verified List (2026)

If you are looking for a Sanity CMS agency or a Sanity developers to run your website development or content operations software migration, this guide gives you a verified shortlist and the exact questions to ask before signing anything.

Most "Top Sanity...

2000+ grabaciones de conferencias React y JavaScript en español por GitNation

GitNation, conocida por organizar conferencias de JavaScript y React, ha implementado importantes actualizaciones en su plataforma de video. Estas nuevas características están diseñadas para mejorar la accesibilidad y la capacidad de descubrimiento de contenido para desarrolladores en todo el mun...

Explore what's new in the 2024 editions of JSNation and React Summit!

JSNation and React Summit are the key JavaScript and React conferences of the year, expecting over 3K attendees, featuring 110+ speakers, and offering 15+ Free and PRO workshops altogether...

Spanish translations for 2000+ React and JavaScript talks from GitNation

GitNation, known for organizing JavaScript and React conferences, has rolled out significant updates to its video platform. These new features are designed to improve content accessibility and discoverability for developers worldwide and marks the start of ongoing localisation efforts with more l...

Top ideas

Is the ReactFlight protocol well-documented?

As of now, the ReactFlight protocol is not well-documented, and its understanding is mostly based on reverse engineering and community examples.

What is TanStack Start?

TanStack Start is a new meta-framework for React focused on delivering the best client-side authoring experience with powerful server-side primitives, ensuring performance and developer experience.

What role does context play in software architecture?

Context is crucial in software architecture because designing a system that aligns with business needs and organizational structure helps the system thrive.

What are some limitations of server components in RSC?

Server components are stateless and not interactive, meaning they cannot use state-managing hooks or perform client-side interactions like alerts.

What is CapnWeb?

CapnWeb is an RPC (remote procedure call) protocol that allows communication between a client and server through function calls rather than requests and responses.

What is the main goal of Transformers JS?

The main goal of Transformers JS is to bring state-of-the-art pre-trained models directly to the web and browsers, allowing easy integration of machine learning functionality into web applications.

Why is the web considered important by Svelte developers?

Svelte developers believe the web is a critically important technology with unmatched openness and potential as an application delivery mechanism, which needs to be preserved and improved.

How should developers approach testing for real-world user devices?

Developers should test on actual low-end devices or use emulators like webpagetest.org to understand user experiences across diverse hardware.

What is the primary focus of Alex Russell's engineering philosophy?

Alex Russell emphasizes building solutions that work well for end-users, focusing on quality and performance rather than popularity of tools or frameworks.

What are the advantages of buying an authentication solution?

Buying an authentication solution provides a ready-made, secure, and scalable system maintained by experts. It offers enterprise-level security features and reduces the burden on your team, as security patches and feature enhancements are handled by a dedicated team.

Deep Dives

Deep Dive: Growing to Tech Lead

Growing to Tech Lead

Learn directly from other Senior+ and Lead engineers on how to progress your engineering career, strengthen your foundational skills and become and irreplaceable engineer.

Talk: Pocket Guide to Seniority
Talk: Why Engineers Must Become Multipliers in the AI-Era
Talk: Walking the Netflix Paved Road (Bumps Included): Web Framework, Hawkins Design System
Talk: Transforming Your Tech Interviews in the AI Agent Age
Talk: 5 Tough Conversations Managers Need to Have

... and 14 more talks and workshops

Deep Dive: AI Assisted Coding

AI Assisted Coding

Remove the noise, master agentic coding patterns actually tested in production directly from Senior practitioners.

Talk: Templates and Components for Claude Code: The Future of AI Coding Workflows
Talk: Using Spec-Driven Development for Production Workflows
Talk: Building Blocks of an Agentic Engineering Platform: What SRE Taught Us About Running Agents
Workshop: AI-Powered Code Review
Workshop: Operating Agent-Based Systems - Overview, Configure, Run, Orchestrate, Monitor

... and 22 more talks and workshops

Deep Dive: Mastering Full-stack

Mastering Full-stack

Master full-stack and fundamental engineering skills for AI-enabled future.

Talk: Building a JavaScript Engine in Rust: Lessons From Boa
Talk: Building a JavaScript Engine in Rust: Lessons From Boa
Talk: Beyond Benchmarks: node.js, Deno, and Bun in Real Production
Workshop: DevOps for Front-end Developers: From Local Code to Production by Docker Captain
Workshop: Building Fullstack Apps With Cursor

... and 21 more talks and workshops

React Advanced 2026

27 min

Controlling Async Chaos in React with Effect-TS

Violina Popova

ClipMyHorse.TV

As React applications scale, asynchronous logic often turns into a source of fragility and frustration. Scattered useEffect hooks, ad-hoc retries, manual loading states, and inconsistent error handling create race conditions, memory leaks, and business logic that’s nearly impossible to test relia...

architecture

The Meta-Harness: Scaling Agentic Development Beyond the CLI

React Advanced 2026

21 min

The Meta-Harness: Scaling Agentic Development Beyond the CLI

Max Kless

Nx/Polygraph

Agentic development feels like magic to some teams and overhyped to others. Harnesses like Claude Code or Codex have been built around the local loop, the way things have always been done: a single developer changing code before opening a PR. Inside real organizations, agents hit walls: re...

artificial intelligence

The Internals of compile-time CSS-in-JS

React Advanced 2026

16 min

The Internals of compile-time CSS-in-JS

Luca Schneider

Digitec Galaxus AG

Styled-components lost against Tailwind, partly due to better performance while trading it for a unique API. Can’t you have both, a fast runtime and a familiar API?We replaced styled-components with a build-time compiler in next-yak without changing a single line of user code and saw surpr...

css css-in-js

Dangerous Reactivity: Why AI Output Is React's New XSS

React Advanced 2026

24 min

Dangerous Reactivity: Why AI Output Is React's New XSS

Ramona Schwering

GDE in Web Technologies and a Women Techmaker and Cypress Ambassador

React developers (amongst others, ofc) know one golden rule: never use dangerouslySetInnerHtml on user input. Yet, as we're integrating Large Language Models (LLMs) into our applications, we often make a fatal mistake. We're treating AI output as a trusted source. This is fine. Well, not automati...

security

The Journey of Rebranding 7+ Years Old App

React Summit US 2025

30 min

The Journey of Rebranding 7+ Years Old App

Kasia Jastrzebska

Cleo

Kasia Trzemska introduces the rebranding journey of a seven-year-old app, emphasizing challenges and technologies involved. Challenges in A-B testing include handling winning and losing sides, codebase growth, and user feedback importance. Struggles with component styling, data analysis for understanding design systems, and codebase cleanup for rebranding. Efforts in code automation, typography unification, and promoting design system adoption. Lessons learned include transparency, communication, data-driven decisions, and delegation for success in rebranding projects.

case study

What RSCs Can Do in Next.js Today

React Advanced 2026

25 min

What RSCs Can Do in Next.js Today

Aurora Scharff

Vercel

Building app-like UX on the web has historically meant reaching for an SPA. You ship the data layer to the browser, manage a client cache, juggle loading states, coordinate mutations, and write a lot of code to keep the UI feeling fast and fresh. The result can be great, but the cost is high, and...

next.js react server components

Jamstack eCommerce 101

JSNation Live 2021

199 min

Jamstack eCommerce 101

Workshop

Bolaji Ayodeji

Digital commerce has changed, and there is an increasing demand for faster and kite efficient solutions. In this workshop, you'll learn about the evolution of ecommerce and how Jamstack and headless commerce evolves shopping experiences on the web. We will explore the basics of headless commerce...

e-commerce jamstack

Building for Agent Experience

TechLead Conf Amsterdam 2026: Adopting AI in Orgs Edition

9 min

Building for Agent Experience

Shifra Williams

Render

Shifra, founding developer relations engineer at Render. Render is the cloud for builders. How to relate to users who are not people? Company growth challenges with AI recommendations affecting signups. The challenges of AI recommendations in contrast to traditional SEO. Impact on team operations and product development. Need for a strategic shift towards agent-centered developer experience. Developing interface design for agents, content portfolio importance, and human gate validation. The evolving role of agents in product consumption and the necessity for a fundamental shift in development focus. Facing challenges head-on, emphasizing agentic experience, and prioritizing system self-correction for productive agent and human interactions at Render.

artificial intelligence

Optimizing HTML5 Games: 10 Years of Learnings

JS GameDev Summit 2022

33 min

Optimizing HTML5 Games: 10 Years of Learnings

Top Content

Will Eastcott

CEO & co-founder of PlayCanvas

PlayCanvas is an open-source game engine used by game developers worldwide. Optimization is crucial for HTML5 games, focusing on load times and frame rate. Texture and mesh optimization can significantly reduce download sizes. GLTF and GLB formats offer smaller file sizes and faster parsing times. Compressing game resources and using efficient file formats can improve load times. Framerate optimization and resolution scaling are important for better performance. Managing draw calls and using batching techniques can optimize performance. Browser DevTools, such as Chrome and Firefox, are useful for debugging and profiling. Detecting device performance and optimizing based on specific devices can improve game performance. Apple is making progress with WebGPU implementation. HTML5 games can be shipped to the App Store using Cordova.

performance game development game engine

The AI Call Is the Render: Server Components as the Intelligence Boundary

React Advanced 2026

17 min

The AI Call Is the Render: Server Components as the Intelligence Boundary

Semih Ozden

Commencis

Most React applications treat AI as a separate service: a backend calls an LLM, returns JSON, and a client component renders it. This works, but it misses something fundamental about how React Server Components actually model computation.RSCs do not just move rendering to the server. They...

react server components

Featured

From Segments to Suspense: The Future of Next.js Caching

React Advanced 2025

27 min

From Segments to Suspense: The Future of Next.js Caching

Wyatt Johnson

Clerk

Introduction to Cache Components in Next.js 16, transforming the app router with new features like partial pre-rendering, Dynamic I.O., and caching directives. Deep dive into static params generation in Next.js focusing on changes in generating static params for improved performance. Exploring challenges of generating static params and balancing static vs. dynamic rendering for better performance. Addressing challenges with cache components, optimizing static and dynamic rendering for improved performance. Understanding impact of parameters on rendering with cache components, managing dynamic components, and introducing suspense boundaries for faster page loads. Enhancing cache life APIs, introducing a new caching model for static outputs in Next.js. Revolutionizing cache management with granular control over cache lifetimes and dynamic segment configuration. Navigating data and caching in Next.js, exploring cache components guidance and caching differences between server and client components.

react performance next.js frontend react server components server cache

Exploring Server Side Rendering

React Advanced 2025

179 min

Exploring Server Side Rendering

Featured Workshop

Krasimir Tsonev

Server-side rendering (SSR) is back in the spotlight – and React is evolving fast. In this workshop, we’ll go deep into the mechanics, performance trade-offs, and modern techniques of SSR with React.js. You'll start by building an SSR app from scratch – no frameworks, just raw renderToString and...

ssr react server components

I Measured React Server Components’ Performance So You Don’t Have To

React Advanced 2025

22 min

I Measured React Server Components’ Performance So You Don’t Have To

Nadia Makarevich

Coder, writer, author of Advanced React book

Nadia introduces React server components and performance, highlighting the benefits of server components in improving performance and the need for a clear understanding of their impact on rendering and data fetching in React applications. Exploring Server-Side Rendering Impact on Performance: Analysis of transitioning from client-side to server-side rendering, including implications on performance and data fetching. Transforming Empty Screen to Performance Improvement: Detailed process of browser work, React rendering, and data fetching impact. Making the Shift to Server-Side Rendering: Impact on interactivity and data fetching optimization. Understanding the Benefits of AppRouter Version in SSR with Reduced JavaScript Payload and Introduction of Server Components. Investigating Smarter Server-Side Rendering with Server Components and Streaming in Next.js. Refactoring for Server Components: Async Data Fetching, Server Component Identification, and Utilizing Suspense for React Streaming Chunks. Enhancing Performance with Server Components: Balancing Rendering Approaches, Importance of Server-Side Data Fetching, and Leveraging Suspense for Improved Streaming.

performance react server components

The Dark Side of Micro-Frontends

React Advanced 2025

29 min

The Dark Side of Micro-Frontends

Top Content

Luca Mezzalira

Author of Front-End Reactive Architectures and Building Micro-Frontends

In the Talk, various key points were discussed regarding micro-front-end architecture. These included challenges with micro-intents, common mistakes in system design, the differences between micro-intents and components, granularity in software architecture, optimizing micro-front-end architecture, efficient routing and deployment strategies, edge computing strategies, global state and data sharing optimization, managing data context, governance and fitness functions, architectural testing, adaptive growth, value of micro-frontends, repository selection, repo structures, and web component usage.

architecture

Never Worry About CORS Again

JSNation US 2025

28 min

Never Worry About CORS Again

Jarred Sumner

Creator of Bun.

Talk on Bund: Overview of Bund, its speed optimization, components like runtime, package manager, test runner, and bundler. Efficient features include fast npm manager, pnpm lockfile support, Jest-compatible test runner, and optimized runtime components. Built-in features like modern password hashing, WebSocket server, file glob API, and database clients. API design focuses on common use cases and optimization. Enhanced JavaScript functionality with SIMD, native code, and performance improvements. Challenges in JavaScript productivity, BUN adoption, deployment, and support. React support, community involvement, security, Next.js compatibility, and transition.

js runtimes

The AI-Native Software Engineer

JSNation US 2025

35 min

The AI-Native Software Engineer

Top Content

Addy Osmani

Engineering Leader Working on Google Chrome

Software engineering is evolving with AI and VIBE coding reshaping work, emphasizing collaboration and embracing AI. The future roadmap includes transitioning from augmented to AI-first and eventually AI-native developer experiences. AI integration in coding practices shapes a collaborative future, with tools evolving for startups and enterprises. AI tools aid in design, coding, and testing, offering varied assistance. Context relevance, spec-driven development, human review, and AI implementation challenges are key focus areas. AI boosts productivity but faces verification challenges, necessitating human oversight. The impact of AI on code reviews, talent development, and problem-solving evolution in coding practices is significant.

artificial intelligence

Build a MCP (Model Context Protocol) in Node.js

JSNation US 2025

97 min

Build a MCP (Model Context Protocol) in Node.js

Featured Workshop

Julián Duque

Model Context Protocol (MCP) introduces a structured approach to LLM context management that addresses limitations in traditional prompting methods. In this workshop, you'll learn about the Model Context Protocol, its architecture, and how to build and use and MCP with Node.jsTable of Cont...

node.js

The React Developer's Guide to AI Engineering

React Summit US 2025

96 min

The React Developer's Guide to AI Engineering

Featured WorkshopFree

Niall Maher

A comprehensive workshop designed specifically for React developers ready to become AI engineers. Learn how your existing React skills—component thinking, state management, effect handling, and performance optimization—directly translate to building sophisticated AI applications. We'll cover the...

artificial intelligence

Every API is a Tool for Agents with Code Mode

Node Congress 2026

32 min

Every API is a Tool for Agents with Code Mode

Matt Carey

Cloudflare

The Talk introduces APIs, Codemode, and MCP, highlighting the role of APIs in empowering agents and AI's access to external resources. CloudFlare's evolution with MCP involves remote tool sharing and addressing challenges like large context windows. Challenges in Cloudflare's API tool access include progressive tool disclosure and splitting MCP servers. The discussion covers tool search, project management API creation, CodeMode concept, and self-documenting tools for secure tool execution. Proposed solutions include Code Mode, SDK generation, efficient control flow, token efficiency, and secure code execution. Key topics include dynamic worker loaders, Cloudflare API integration, Visitor Counter implementation, and exploring MCP server functionality.

artificial intelligence

How to Build Full-Stack Apps Using Cursor

React Summit US 2025

65 min

How to Build Full-Stack Apps Using Cursor

Featured WorkshopFree

Shrey Shah

In this workshop, I’ll guide participants through a process for building full-stack applications using Cursor. We’ll cover setting up Cursor workflows, including rules, commands, and custom modes, to streamline development. We will use Cursor to draft PRDs, database schema, etc and a simple SOW....

fullstack

Short takes

Deploy Your AI Code in Minutes

AI Coding Summit 2026

7 min

Deploy Your AI Code in Minutes

Shifra Williams

Render

Shifra guides the migration of a Repl.it app to Render with emphasis on simplicity and mock data. Ensure Render deployment requirements are met, including specifying root directory, build and start commands, and correct port. Configure GitHub repository setup, connect to Git, and create a repository. Confirm code in the repository and deploy on Render, showcasing a sample landing page.

artificial intelligence

Navigating Islands of Interactivity

React Advanced 2025

9 min

Navigating Islands of Interactivity

Reuben Tier

Pragma

Islands in web development are interactive components that are rendered on the server and hydrated separately. They offer fine-grain control over JavaScript, speed up page loading, and reduce JavaScript shipping. Applications of islands span across eCommerce, media sites, docs, and blogs, providing interactivity without excessive JavaScript. Nanostores enable state sharing among islands. Key takeaways include utilizing Nanostores for state management, exploring ASTRO and islands for development, and using client directives for JavaScript control.

astro

Backend-for-Frontend Auth: The Secure JS App Architecture

JSNation US 2025

6 min

Backend-for-Frontend Auth: The Secure JS App Architecture

Kim Maida

FusionAuth

Challenges in OAuth, importance of back end security for front end, and implementation details of OAuth flow between front end, back end, and authorization server. Detailed process of token handling, session management, and user data retrieval in OAuth implementation between front end, back end, and authorization server.

authentication security

Video Optimization for the Web: The Missing Piece in Lighthouse

React Summit US 2025

7 min

Video Optimization for the Web: The Missing Piece in Lighthouse

Rahul Nanwani

ImageKit.io

Rahul introduces video optimization principles, emphasizing modern formats, compression, bitrate reduction, and lazy loading. ImageKit simplifies video loading by compressing videos significantly and adapting to network conditions. Pausing videos when not in view saves data costs and enhances user experience.

video

Rustifying Vite: Designing a Hybrid Toolchain for the Real World

JSNation 2026

6 min

Rustifying Vite: Designing a Hybrid Toolchain for the Real World

Alexander Lichter

VoidZero

Options for pre-bundling, transformation, and minification. Rollup, bundling, and limited chunk control. SWC for React, but complexity with multiple bundlers causing issues for maintainers and developers. Limitations in bundlers, features V8 needs. Improving build times with Rust. Introducing Roldown with rollup's API, compatibility, speed, and advanced chunking. Features like module types, lazy barrel optimization, HMR, and built-in minifier for a performant bundle. Ensuring Rust-based bundler compatibility with JavaScript ecosystem. Introduction of Swangular for efficient plugin handling. Native Rust plugins support with module resolution, aliases, TypeScript JSX transform, dynamic imports. Integration with underlying minifier, transformer, linter, and formatter for tool chain V+.

tooling vite

Using Spec-Driven Development for Production Workflows

JSNation US 2025

7 min

Using Spec-Driven Development for Production Workflows

Erik Hanchett

AWS

We're discussing spec-driven development and the innovative AI IDE, QIRO, that supports this approach. QIRO focuses on structured specifications before coding, aiding developers in creating designs. The QIRO mascot, a playful ghost, symbolizes the essence of spec-driven development. Eric Hanchett discusses QIRO, emphasizing its spec-driven development feature integrated into the IDE. QIRO aids in in-depth feature planning, resembling a structured requirements approach. Coding assistants benefit from detailed examples for efficient development. Exploring Manual Coding Assistance: Creating user requirements, building design documents, and task lists manually. Example of using spec mode in a coding assistant to break down requirements, create designs, and implement features.

artificial intelligence

Optimizing the Path From Design to Production in Engineering Workflows

React Summit US 2025

7 min

Optimizing the Path From Design to Production in Engineering Workflows

Akbar Mirza

Figma

Akbar, developer advocate at Figma, highlights the importance of exploration, representation, and production in product development. Figma leverages design systems and AI tools for efficient transition from representation to production, optimizing expertise and automating non-critical tasks. Seamless integration between design elements and the app is achieved through tools like Code Connect and Copilot, fostering collaboration between design and code.

design

From TV to Touch: How We Made React UI Work Across Every Input Mode

React Summit US 2025

5 min

From TV to Touch: How We Made React UI Work Across Every Input Mode

Seungho Park

LG Electronics

Seungho Park discusses the importance of spatial navigation for TV apps and the challenges of supporting remote, pointer, and touch inputs. Real examples are explored, including focus placement, restoring focus, and grouping elements for stable navigation. Challenges in TV app navigation such as key scrolling in grid lists and managing input mode transitions are highlighted. The talk also delves into handling input modes, designing for 5-way, pointer, and touch input, and addressing edge cases. Implementing the W3C spatial navigation standard, defining focus properties for container elements, and encouraging exploration of React UI spatial navigation support are key points.

best practices

How To Get The Most Out Of the Cloud As A Front-End Developer

React Summit US 2025

7 min

How To Get The Most Out Of the Cloud As A Front-End Developer

Erik Hanchett

AWS

Front-end developers benefit from cloud services like AWS S3 and Lambda. AWS offers services like Cognito for identity management and Bedrock AI models. AWS Amplify provides Hosting and Cloud Development Kit for efficient development. The Cloud Development Kit is recommended for TypeScript deployment. AWS Amplify connects front-end to AWS services and SDK for back-end. QR code feedback is available for the talk.

tooling

A JS Dev's Guide to Not Dismissing Blockchain

JSNation US 2025

8 min

A JS Dev's Guide to Not Dismissing Blockchain

Brian Whippo

Algorand Foundation

Brian Wipo, Developer Relations lead at the Algorand Foundation, discusses the relevance of blockchain in 2025 and its impact on developers. Algorand's high-performance blockchain addresses key issues faced by other platforms, enabling new markets and real-world applications like tokenized assets and supply chain traceability. In 2025, blockchain excels in disintermediating markets, tracking data integrity, and creating new markets such as fractional ownership of assets. Real businesses on Algorand include tokenized solar panels, real estate ownership, supply chain traceability, and more. Using a para wallet with a mastercard debit card, you can buy items at the store with stable coins. Algorand TypeScript 1.0 simplifies writing smart contracts on the chain in TypeScript. TypeScript developers can now integrate blockchain using a compiler that transforms code into Teal assembly language for blockchain execution.

blockchain

Latest

The Web Is Fun Again! Exploring the New HTML-in-Canvas API

React Advanced 2026

22 min

The Web Is Fun Again! Exploring the New HTML-in-Canvas API

Amit Sheen

Creative Web Developer

What happens when HTML steps inside the canvas? In this hands-on live coding session, we’ll explore the new HTML-in-Canvas API and the creative possibilities it unlocks. We’ll build from scratch, covering core concepts like pixel manipulation, simple effects, and basic shaders. The focus is on pr...

fun demos

Beyond the Hype Cycle: Driving real ROI with AI in Your Organization

TechLead Conf Amsterdam 2026: Adopting AI in Orgs Edition

27 min

Beyond the Hype Cycle: Driving real ROI with AI in Your Organization

HT Sahin

Mentorship available

IKEA Digital

AI dashboard utilization challenges include lack of clear metrics for effectiveness and low adoption rates. Companies struggle with AI implementation leading to delivery improvements and financial gains. AI transformation hurdles stem from a focus on fluency over workflow redesign. Achieving true AI integration requires deep integration for transformative change. Organizational challenges in AI involve balancing code production with product outcomes. Key steps for AI transformation include measuring real changes in production and prioritizing killing ineffective pilots. Managing cloud costs and addressing unused resources are key concerns. Measuring AI impact on teams, business, people growth, and skill development is crucial for successful implementation.

future of development

Training Engineers for AI Without Turning Them into Prompt Monkeys

TechLead Conf Amsterdam 2026: Adopting AI in Orgs Edition

28 min

Training Engineers for AI Without Turning Them into Prompt Monkeys

Kristiyan Velkov

Mentorship available

Zerops.io

Training engineers for proper AI usage without prompt AI dependency. Challenges in ensuring code quality with AI development. Importance of DRY principle in optimizing AI usage. Advocating for effective AI practices implementation with project-specific rules. Establishing AI rules and standards for seamless collaboration. Maximizing AI efficiency with agents mimicking human roles. Encouraging self-education, setting standards, and focusing on quality for AI proficiency. Emphasizing context, validation processes, and specialized agents for maximizing AI efficiency.

career best practices

When Waiting Becomes a Feature: Rethinking Performance for AI Applications

React Advanced 2026

36 min

When Waiting Becomes a Feature: Rethinking Performance for AI Applications

Muhyideen Akindele

Sinbyte Limited

For decades, frontend performance has been guided by the simple principle that faster is better. We optimize load times, reduce latency, and remove every unnecessary delay from the user journey.While building streaming AI interfaces with React, I discovered that traditional performance met...

performance

Stress Test Your Reflexes (And My App)

Web Engineering Summit 2026

32 min

Stress Test Your Reflexes (And My App)

Eddie Jaoude

PayPal

Eddie from PayPal introduces a Whack-A-Mole game to discuss real-time data and engage the audience. Real-time data is essential for dynamic updates and efficient data handling. Challenges with AI-generated MVP led to a successful times three model with real-time features. The evolution of data communication technologies from Comet to WebSockets is highlighted. Transition to WebSocket native implementation for efficiency and benefits of using Superbase are discussed. Real-time features in games, event handling, presence tracking, and event broadcasting are explored. React SDK, real-time tools, scalability with Meteor, and managing data noise are addressed in the Q&A sessions.

architecture

Streaming Systems, Hidden Risks, And AI-driven Consequences

AI Coding Summit London

27 min

Streaming Systems, Hidden Risks, And AI-driven Consequences

Olena Kutsenko

Confluent

The Talk covers various aspects of deception and security in AI and data systems. It discusses the historical use of misinformation during World War II to influence decision-making. AI model poisoning through malicious data input and the challenges of ensuring data integrity in real-time pipelines are highlighted. The importance of peripheral information attacks, data contracts, stream governance, and anomaly detection in maintaining AI system security is emphasized. Strategies for protecting data integrity, detecting anomalies, and choosing appropriate AI models are also discussed.

security

From Prompt Engineering to Loop Engineering

AI Coding Summit London

11 min

From Prompt Engineering to Loop Engineering

Valerii Iatsko

Staff Software Engineer

The speaker delves into loop engineering's role in automating decisions and enhancing productivity in AI development workflows. Loop engineering is highlighted as a tool to build and automate tasks, even for creating programming languages like Kerst, with a focus on rapid project development. The importance of repetition in loops, automation criteria, and the suitability of loop engineering for full-blown apps are emphasized. Discussions include read-only tests, verifier and backlog agents, and the necessity of a clear definition of done for effective loop implementation.

artificial intelligence

The Meta-Harness: Scaling Agentic Development Beyond the CLI

React Advanced 2026

21 min

The Meta-Harness: Scaling Agentic Development Beyond the CLI

Max Kless

Nx/Polygraph

artificial intelligence

Learnings From 100+ Experiments Comparing LLMs for AI Coding

AI Coding Summit London

28 min

Learnings From 100+ Experiments Comparing LLMs for AI Coding

Povilas Korop

AI Coding Daily

Introduction to LLMs from a Developer's Perspective, YouTuber with AI Coding Daily channel, evaluates new models and versions on YouTube, gaining traction and positive feedback. Exploring the Best Models: My Benchmark on 18 LLMs, evaluating cost, points, and competition among models for day-to-day use. Measuring Models: Prompt Methodology, Tests on PHP, Laravel, React, TypeScript, and CSV, with emphasis on correct data usage and benchmark awareness. Model Evaluation: Chinese models' progression, benchmark awareness, and Opus and GPT superiority. Model Pricing and Quality Comparison: Opus, GPT, and Composer 2.5 cost-effective options. Composer 2.5 and GPT 5.4 mini offer quality at low prices. Choosing models based on project needs and budget constraints. Discussion on local LLM investment challenges, SONnet 5 benchmark performance, and exploration of new models like Proton Luma 2.0. Importance of skill definitions for model performance and limitations in local model implementation. Discussion on the importance of model harness, setup considerations, and evaluation methodologies for LLMs.

best practices

Finding the Source: Building a Better Frontend Developer Experience

React Advanced 2026

30 min

Finding the Source: Building a Better Frontend Developer Experience

Hema Sai Charan Kothamasu

Mentorship available

Inspectro, https://inspectro.dev/

After spending nearly a decade building Android and Flutter applications, I became used to workflows that made it easy to understand how an application was put together. Finding the source behind a widget, understanding runtime behaviour, and navigating a large codebase felt relatively straightfo...

devtools devops

Popular

React Hooks Tips Only the Pros Know

React Summit Remote Edition 2021

177 min

React Hooks Tips Only the Pros Know

Top Content

Featured Workshop

Maurice de Beijer

The addition of the hooks API to React was quite a major change. Before hooks most components had to be class based. Now, with hooks, these are often much simpler functional components. Hooks can be really simple to use. Almost deceptively simple. Because there are still plenty of ways you can me...

react react hooks react profiler react 18 hooks deep dive best practices

React's Most Useful Types

React Day Berlin 2023

21 min

React's Most Useful Types

Top Content

Matt Pocock

Total TypeScript & AI Hero Author

Today's Talk focuses on React's best types and JSX. It covers the types of JSX and React components, including React.fc and React.reactnode. The discussion also explores JSX intrinsic elements and react.component props, highlighting their differences and use cases. The Talk concludes with insights on using React.componentType and passing components, as well as utilizing the react.element ref type for external libraries like React-Select.

typescript react element vs component react fc react with typescript

Multithreaded Logging with Pino

JSNation Live 2021

19 min

Multithreaded Logging with Pino

Top Content

Matteo Collina

Node.js TSC committee member. Pino & Fastify author.

Today's Talk is about logging with Pino, one of the fastest loggers for Node.js. Pino's speed and performance are achieved by avoiding expensive logging and optimizing event loop processing. It offers advanced features like async mode and distributed logging. The use of Worker Threads and Threadstream allows for efficient data processing. Pino.Transport enables log processing in a worker thread with various options for log destinations. The Talk concludes with a demonstration of logging output and an invitation to reach out for job opportunities.

node.js observability

Thinking in React Query

React Summit 2023

22 min

Thinking in React Query

Top Content

Dominik Dorfmeister

React-Query maintainer

React Query is not a data fetching library, but an Asian state manager. It helps keep data up to date and manage agent life cycles efficiently. React Query provides fine-grained subscriptions and allows for adjusting stale time to control data fetching behavior. Defining stale time and managing dependencies are important aspects of working with React Query. Using the URL as a state manager and Zustand for managing filters in React Query can be powerful.

react state management thinking in react patterns react query builders and founders react state management react query best practices react query dependent queries react query caching

Micro-Frontends With React & Vite Module Federation

React Advanced 2023

20 min

Micro-Frontends With React & Vite Module Federation

Top Content

Giorgio Boa

Claranet

Microfrontends is an architecture used by big companies to split monolithic frontend applications into manageable parts. Maintaining a consistent look and feel across different microfrontends is a challenge. Sharing styles can be done through Vanilla CSS, CSS modules, or CSS in JS. JavaScript variables can be used in styles, but readability and runtime overhead are considerations. Sharing state in microfrontends can be achieved through custom events, broadcast channels, shared state managers, or custom PubSub implementations. Module federation with Vite allows for client composition and sharing dependencies. Configuration is similar to Webpack, and future work includes working on the QUIC framework.

build tools micro-frontends vite react microfrontend vite react module federation micro frontends react module federation react micro frontends react native react microservices vite

React, TypeScript, and TDD

React Advanced 2021

174 min

React, TypeScript, and TDD

Top Content

Featured Workshop

Paul Everitt

ReactJS is wildly popular and thus wildly supported. TypeScript is increasingly popular, and thus increasingly supported.

The two together? Not as much. Given that they both change quickly, it's hard to find accurate learning materials.

React+TypeScript, with JetBrains IDEs?...

react typescript devtools web development test driven development react best practices

Levelling up Monorepos with npm Workspaces

DevOps.js Conf 2022

33 min

Levelling up Monorepos with npm Workspaces

Top Content

Ruy Adorno

Node.js TSC member & Founder Engineer @vlt.sh

NPM workspaces help manage multiple nested packages within a single top-level package, improving since the release of NPM CLI 7.0. You can easily add dependencies to workspaces and handle duplications. Running scripts and orchestration in a monorepo is made easier with NPM workspaces. The npm pkg command is useful for setting and retrieving keys and values from package.json files. NPM workspaces offer benefits compared to Lerna and future plans include better workspace linking and adding missing features.

monorepos npm devops

Thinking Like an Architect

Node Congress 2025

31 min

Thinking Like an Architect

Top Content

Luca Mezzalira

Author of Front-End Reactive Architectures and Building Micro-Frontends

In modern software development, architecture is more than just selecting the right tech stack; it involves decision-making, trade-offs, and considering the context of the business and organization. Understanding the problem space and focusing on users' needs are essential. Architectural flexibility is key, adapting the level of granularity and choosing between different approaches. Holistic thinking, long-term vision, and domain understanding are crucial for making better decisions. Effective communication, inclusion, and documentation are core skills for architects. Democratizing communication, prioritizing value, and embracing adaptive architectures are key to success.

architecture

Using UDP in the Browser for faster Client/Server Connections

JS GameDev Summit 2023

21 min

Using UDP in the Browser for faster Client/Server Connections

Top Content

Yannick

BBZ CFP Biel-Bienne

This talk introduces geckos.io, a real-time client-server communication library using UDP and WebRTC. The speaker discusses the benefits of UDP for real-time multiplayer games and explains how geckos.io enables UDP connections between browsers and Node.js servers. The deployment process for geckos.io involves opening UDP ports and handling signaling through an HTTP request. The speaker demonstrates how geckos.io works with Docker and showcases the ability to host multiple servers on the same machine. Overall, this talk provides an overview of geckos.io and its applications in real-time communication.

developer experience game development react native updates

Using useEffect Effectively

React Advanced 2022

30 min

Using useEffect Effectively

Top Content

David Khourshid

Stately AI

Today's Talk explores the use of the useEffect hook in React development, covering topics such as fetching data, handling race conditions and cleanup, and optimizing performance. It also discusses the correct use of useEffect in React 18, the distinction between Activity Effects and Action Effects, and the potential misuse of useEffect. The Talk highlights the benefits of using useQuery or SWR for data fetching, the problems with using useEffect for initializing global singletons, and the use of state machines for handling effects. The speaker also recommends exploring the beta React docs and using tools like the stately.ai editor for visualizing state machines.

react state management react hook missing dependency best practices

React

Lessons From Adopting React Compiler

React Summit US 2025

23 min

Lessons From Adopting React Compiler

Akash Hamirwasia

ElevenLabs

Akash Hamilwasia presenting at React Summit 2025, shares React Compiler learnings and works on an AI audio platform. Memoization in React helps optimize UI performance by preventing unnecessary re-renders. React Compiler offers automatic memoization through static code analysis. React rules emphasize purity and immutability. The compiler analyzes and memoizes code changes for optimization. React Compiler package usage improves performance through code analysis. Understanding reactivity issues is crucial for handling React state. Compiler optimization requires correct dependency arrays and usage of external libraries. Measure React Compiler impact using React Profiler for optimization and real user impact analysis.

react advanced performance react 19

Plug and Play Design: Building Extendable React Applications

React Summit US 2025

29 min

Plug and Play Design: Building Extendable React Applications

Mateusz Jagodziński

Workflow Builder

Mateusz Jagodziński, principal developer at Synergy Codes, shares insights on Plug and Play Design Building Extendable React Applications, discussing feature flags, modularity, and real-world use cases. Challenges of feature flags, the concept of alternative modular design for feature management, and the importance of modularity in code organization and development. Configurability and limitations in feature management, showcasing a plugin-based design for flexible tool versions and code manipulation. Explanation of plug and play design for code manipulation and version control with full type safety in TypeScript projects. Exposing functions to register new plugins, organizing plugins' logic within individual folders, and implementing a build setup with a replacement mechanism for plugin files. Replacing missing plugins with a fallback code, enforcing restriction on direct plugin imports, and visualizing the relationship between plugins, adapters, and application components. Exploring pros and cons of self-contained plugins, addressing implementation overhead, and discussing the value of enforced modularity for AI coding tools. Discussing plugin management decisions based on client needs and the scalability of the approach with changing requirements and minor tweaks. Handling plugin version tracking, automated testing challenges, and feature control based on environments. Adapters and maintaining plugin compatibility through iterations and cosmetic changes, leveraging existing solutions for simplicity. Discussing the implications of not shipping separate builds for multiple customers and considering the benefits of smaller bundle size. Exploring the ease of trying out new features with separate plugins to assess overhead and developer experience.

react

React Beyond the DOM

React Summit US 2025

27 min

React Beyond the DOM

Erik Rasmussen

Eric Rasmussen discusses React beyond the DOM, React PDF, Ink tools, and rendering to Markdown. The overview includes React Reconciler, host configuration, state management with real-world entities like light bulbs, and building a traffic light state machine visually. The talk also covers securing third-party JavaScript, expanding React rendering possibilities, advanced tooling for state machines, controlling light bulbs via renderer callbacks, server functions for fetch in the cloud, and potential robot programming with React.

react

Hands-on React Server Components, Server Functions, and Forms in the Next.js App Router

React Summit US 2025

125 min

Hands-on React Server Components, Server Functions, and Forms in the Next.js App Router

Workshop

Aurora Scharff

In this workshop, we will explore React's latest features: Server Components, Server Functions, and forms. Discover how to optimize server-side rendering, build smooth user experiences with React Suspense and Transitions, and enhance application interactivity with Server Functions and new React 1...

react

React Strict Dom: Cross-Platform React Based on the Web

React Summit US 2025

29 min

React Strict Dom: Cross-Platform React Based on the Web