GitNation
Log in
Upcoming events

Subscribe to the top Dev conferences

AI Coding Summit London
AI Coding Summit London
Jul 6 - 7, 2026
React Advanced 2026
React Advanced 2026
Oct 23 - 26, 2026
JSNation US 2026
JSNation US 2026
Nov 16 - 19, 2026
AI Coding Summit NYC
AI Coding Summit NYC
Nov 16 - 19, 2026
React Summit US 2026
React Summit US 2026
Nov 17 - 20, 2026
React Day Berlin 2026
React Day Berlin 2026
Dec 4 - 7, 2026
AI Coding Summit Berlin
AI Coding Summit Berlin
Dec 4 - 7, 2026
Web Development insights directly from framework authors and early adopters.
Talks from our events
React Summit 2026
React Summit 2026
Jun 11 - 16, 2026
JSNation 2026
JSNation 2026
Jun 11 - 15, 2026
TechLead Conf Amsterdam 2026: Adopting AI in Orgs Edition
TechLead Conf Amsterdam 2026: Adopting AI in Orgs Edition
Jun 11, 2026
Web Engineering Summit 2026
Web Engineering Summit 2026
Jun 11 - 15, 2026
Node Congress 2026
Node Congress 2026
Mar 26 - 27, 2026
AI Coding Summit 2026
AI Coding Summit 2026
Feb 26 - 27, 2026
TechLead Conf London 2025: Adopting AI in Orgs Edition
TechLead Conf London 2025: Adopting AI in Orgs Edition
Nov 28, 2025
React Advanced 2025
React Advanced 2025
Nov 27 - Dec 1, 2025
React Summit US 2025
React Summit US 2025
Nov 18 - 21, 2025
JSNation US 2025
JSNation US 2025
Nov 17 - 20, 2025
AI Coding Summit 2025
AI Coding Summit 2025
Oct 23 - 24, 2025
TechLead Conference 2025: AI in Orgs
TechLead Conference 2025: AI in Orgs
Sep 18 - 19, 2025
tags
Discover all tags
javascriptreactvuesveltenext.jsbuilders and foundersweb developmenttypescriptfrontendbest practices

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...

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

Why was Redux created?

Redux was created to manage client-side state in React applications, providing a predictable state update pattern and solving issues related to keeping state in sync across different parts of an application, as initially addressed by the Flux architecture.

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.

How does RSC handle streaming content?

RSC allows asynchronous server components to stream content progressively, using features like suspense to delay rendering of certain parts until data is available.

What is the main goal of Svelte as a framework?

The main goal of Svelte is to provide a better developer experience without compromising user experience, aiming to be the framework with the best vibes rather than focusing solely on performance metrics.

How has Redux evolved over time?

Redux has evolved from being a minimal library requiring a lot of boilerplate code to Redux Toolkit, which simplifies common tasks like creating stores and reducers, and includes features like RTK Query for data fetching. Modern React features like hooks have also been integrated into Redux.
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
Master this Deep Dive with Multipass
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
Master this Deep Dive with Multipass
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
Master this Deep Dive with Multipass
Trending today
Modernizing Your React App: Compiler, useEffectEvent, Activity & Friends
React Summit 2026React Summit 2026
27 min
Modernizing Your React App: Compiler, useEffectEvent, Activity & Friends
Vitor Alencar
Vitor Alencar
@vitormalencar
React has changed a lot in the last year: React 19, 19.1 and now 19.2 brought a stable React Compiler, new hooks like useEffectEvent, the <Activity /> API, and better SSR primitives such as Partial Pre rendering. And more
In this talk we’ll take a demo React app that’s full of effects,...
react
Open Source Voice AI: How We Built ChatGPT's Voice Mode Infrastructure
JSNation 2026JSNation 2026
20 min
Open Source Voice AI: How We Built ChatGPT's Voice Mode Infrastructure
Jesse Hall
Jesse Hall
codeSTACKr
Ever wondered what it takes to power millions of voice conversations at ChatGPT's scale?When OpenAI needed infrastructure for ChatGPT's Advanced Voice Mode, they turned to LiveKit's open source infrastructure. Not a proprietary black box. Not a closed platform. Open source software that an...
artificial intelligence
The AI-Native Software Engineer
JSNation US 2025JSNation US 2025
35 min
The AI-Native Software Engineer
Top Content
Addy Osmani
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
Using Spec-Driven Development for Production Workflows
JSNation 2026JSNation 2026
19 min
Using Spec-Driven Development for Production Workflows
Erik Hanchett
Erik Hanchett
AWS
AI coding assistants are great at completing small tasks or features. But what do you do when you're working with more complex codebases and need to build in-depth features that require upfront planningThis talk explores spec-driven development as a solution to this problem. I'll show you...
artificial intelligence
Scaling JavaScript Monorepos at Enterprise Level: Lessons From 200+ Packages
JSNation 2026JSNation 2026
22 min
Scaling JavaScript Monorepos at Enterprise Level: Lessons From 200+ Packages
Karthick Shanmugam
Karthick Shanmugam
Sixt SE
Monorepo Metamorphosis: Reducing CI Load by Over 65% with Nx, pnpm & Predictive Build GraphsDoes your CI feel slower every time your monorepo grows? In this talk, I’ll share how we transformed a 200+ project JavaScript/TypeScript monorepo by applying predictive dependency graphs, Nx ta...
devopsci cd
Templates and Components for Claude Code: The Future of AI Coding Workflows
JSNation 2026JSNation 2026
30 min
Templates and Components for Claude Code: The Future of AI Coding Workflows
Daniel Ávila
Daniel Ávila
Claude Code Templates Creator, AI Tech Lead at Hedgineer.
Claude Code is no longer just a coding assistant, it's becoming an operating system for software development. In this talk, I'll walk through how reusable templates, agents, hooks, skills, and MCP integrations can transform Claude Code into a structured, composable workflow engine. Drawing from b...
artificial intelligence
Pocket Guide to Seniority
React Summit 2026React Summit 2026
25 min
Pocket Guide to Seniority
Krasimir Tsonev
Krasimir Tsonev
Antidote.me
Many developers believe seniority is something that happens automatically with time. In practice, some engineers repeat the same year of experience for a decade, while others grow rapidly by changing how they approach problems, people, and responsibility. This talk explores the mindset and behavi...
career
Optimizing HTML5 Games: 10 Years of Learnings
JS GameDev Summit 2022JS GameDev Summit 2022
33 min
Optimizing HTML5 Games: 10 Years of Learnings
Top Content
Watch video: Optimizing HTML5 Games: 10 Years of Learnings
Will Eastcott
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.
performancegame developmentgame engine
AI Can Generate Tests for You, Now What?
JSNation 2026JSNation 2026
22 min
AI Can Generate Tests for You, Now What?
Maya Shavin
Maya Shavin
Published author, international speaker and an open-source library maintainer of frontend and web projects
Tools like Playwright MCP (or AI) or Claude Code can generate tests for your code.Cursor can give you testing suggestions about your codebase that sounds logical within seconds also.Testing has never felt this easy before.Until the need for a full scale, seamless are effectiv...
testing
Skills in Claude Code Desktop: Architecture and Execution Runtime
React Summit 2026React Summit 2026
25 min
Skills in Claude Code Desktop: Architecture and Execution Runtime
Daniel Ávila
Daniel Ávila
Claude Code Templates Creator, AI Tech Lead at Hedgineer.
A technical breakdown of how the Claude Code Desktop runtime discovers, loads, and executes Skills. We'll cover the SKILL.md spec beyond the basics, frontmatter parsing, description-based triggering, file system scoping, and how skills compose with MCP and hooks in a single session.
...
artificial intelligence
Featured
No REST for Cap'n Web
Node Congress 2026Node Congress 2026
23 min
No REST for Cap'n Web
Top Content
Kenton Varda
Kenton Varda
Cloudflare
Kenton Varda advocates for using CapnWeb, an RPC protocol, over REST for web APIs, emphasizing benefits for humans and AI agents. CapnWeb simplifies client-server communications by treating them as function calls. TypeScript type checking ensures method accuracy in CapnWeb across JavaScript runtimes. Stubs in CapnWeb allow method calls to execute on remote objects and simulate all possible method names for remote calls. Converting REST APIs to CapnWeb streamlines code and improves API calls. CapnWeb enhances API functionality with object-specific RPC sessions and promises pipelining for multilevel API optimization. AI agent security challenges are addressed with sandboxing and token protection in CapnWeb. CapnWeb capabilities for AI agents include passing restricted CapnWeb stubs and exploring capability-based security with CapnProto.
tooling
The Dark Side of Micro-Frontends
React Advanced 2025React Advanced 2025
29 min
The Dark Side of Micro-Frontends
Luca Mezzalira
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
Pragmatic 101 on Custom JS Tooling for Your Project
JSNation US 2025JSNation US 2025
122 min
Pragmatic 101 on Custom JS Tooling for Your Project
Featured Workshop
Will Klein
Will Klein
Let’s demystify the secrets of modern JavaScript tooling. In this workshop, you will learn how linters, compilers, and code transforms work. You will take your first steps building your own developer tools, writing an ESLint rule, a compiler plugin, and a code transformation. Learn these skills t...
tooling
Every API is a Tool for Agents with Code Mode
Node Congress 2026Node Congress 2026
32 min
Every API is a Tool for Agents with Code Mode
Matt Carey
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
Build a MCP (Model Context Protocol) in Node.js
JSNation US 2025JSNation US 2025
97 min
Build a MCP (Model Context Protocol) in Node.js
Featured Workshop
Julián Duque
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
Exploring Server Side Rendering
React Advanced 2025React Advanced 2025
179 min
Exploring Server Side Rendering
Featured Workshop
Krasimir Tsonev
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...
ssrreact server components
Why Node.js Needs an Application Server
Node Congress 2026Node Congress 2026
18 min
Why Node.js Needs an Application Server
Matteo Collina
Matteo Collina
Node.js TSC committee member. Pino & Fastify author.
Matteo Collina discusses Node.js, its single-threaded design, and the introduction of threads in 2018 for parallelism and CPU utilization. Node.js production monitoring focuses on application health, fault tolerance, and event loop efficiency. VAT architecture improves Node.js applications with thread migration and monitoring. Node.js manages threads and failures independently with Prometheus monitoring. Scalability in Node.js involves Kubernetes clusters and in-process scaling. Next.js with React SSR for Node.js applications enables dynamic scaling and performance. Node.js handles CPU blocking and SSR performance by utilizing multiple threads.
node.jsarchitecture
Production-Ready Apps with AI Agents
React Summit 2025React Summit 2025
102 min
Production-Ready Apps with AI Agents
Featured Workshop
Alex Shershebnev
Alex Shershebnev
Coding assistants are already changing the way we develop code, and in several years they are expected to completely change how developers interact with code and write it. In this workshop, I'll share tips and best practices on using such tools as we develop the production-ready app with Zencoder...
code quality
We Deserve a Better Streams API for the Web
Node Congress 2026Node Congress 2026
30 min
We Deserve a Better Streams API for the Web
James Snell
James Snell
Workers team @Cloudflare
James Snell discusses challenges in current stream APIs, proposes a new, faster, and simpler streams API while questioning the existing Web Streams model. Discussion includes the necessity for a new API due to excessive ceremony, confusing locking mechanisms, and complex specifications, especially in controller APIs. Challenges with controller API optimization, hidden buffering, and excessive memory usage are highlighted. The talk delves into the cost and complexity of promises in JavaScript, optimizing readable streams, and managing complexity in stream implementations. Optimizing stream processing in JavaScript, data chunk processing, back pressure policies, multi-consumer patterns, and efficient branch cursor management are explored. The new API aims at simplifying stream processing by eliminating unnecessary operations, reducing promise overhead, and focusing on iterators, transforms, and back pressure for efficiency and simplified design.
performance
Vibe coding with Cline
JSNation 2025JSNation 2025
64 min
Vibe coding with Cline
Featured Workshop
Nik Pash
Nik Pash
The way we write code is fundamentally changing. Instead of getting stuck in nested loops and implementation details, imagine focusing purely on architecture and creative problem-solving while your AI pair programmer handles the execution. In this hands-on workshop, I'll show you how to leverage...
artificial intelligence
Short takes
Optimizing the Path From Design to Production in Engineering Workflows
React Summit US 2025React Summit US 2025
7 min
Optimizing the Path From Design to Production in Engineering Workflows
Akbar Mirza
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
React for Good: Creating Inclusive, Secure, and Scalable Applications in Emerging Markets
React Summit 2025React Summit 2025
5 min
React for Good: Creating Inclusive, Secure, and Scalable Applications in Emerging Markets
Innocencia Ndembera
Innocencia Ndembera
Chip In Limited as Co-Founder and COO
Inosency Andembera, React developer, discusses using React for building scalable, secure, and inclusive applications for emerging markets like Malawi and Africa. Addressing challenges of Internet connectivity, device limitations, security concerns, and inclusivity for first-time Internet users. Utilizing React for performance, security, and inclusion in emerging markets through code splitting, lazy loading, authentication, input validation, multiple language support, and simple UIs. Highlighting React's features in enhancing inclusion by addressing challenges in emerging markets, such as limited digital literacy, creating simple UIs, supporting multiple languages, internationalization, step-by-step UIs, and semantic HTML for accessibility. Zunga, a financial platform in Malawi, showcases React's benefits in addressing financial service gaps, scalability, offline support, and security enhancements.
case studyweb development
Everyone Is Now a Manager - Interfaces in the World of Agents
TechLead Conf London 2025: Adopting AI in Orgs EditionTechLead Conf London 2025: Adopting AI in Orgs Edition
6 min
Everyone Is Now a Manager - Interfaces in the World of Agents
Sam Komesarook
Sam Komesarook
Arts & Engineering Composite
Sam Kmezverk's talk covers the evolving tech landscape, emphasizing key principles for agents' implementation in tasks and decision-making processes. Addressing challenges in agent orchestration, debugging system issues, and cultivating user trust are crucial for successful interface development.
user interfaces
From TV to Touch: How We Made React UI Work Across Every Input Mode
React Summit US 2025React Summit US 2025
5 min
From TV to Touch: How We Made React UI Work Across Every Input Mode
Seungho Park
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
Using Spec-Driven Development for Production Workflows
JSNation US 2025JSNation US 2025
7 min
Using Spec-Driven Development for Production Workflows
Erik Hanchett
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
Video Optimization for the Web: The Missing Piece in Lighthouse
React Summit US 2025React Summit US 2025
7 min
Video Optimization for the Web: The Missing Piece in Lighthouse
Rahul Nanwani
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
How To Get The Most Out Of the Cloud As A Front-End Developer
React Summit US 2025React Summit US 2025
7 min
How To Get The Most Out Of the Cloud As A Front-End Developer
Erik Hanchett
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
Shipping AI Under Constraints: Build, Buy, or Kill
TechLead Conf London 2025: Adopting AI in Orgs EditionTechLead Conf London 2025: Adopting AI in Orgs Edition
8 min
Shipping AI Under Constraints: Build, Buy, or Kill
Dave Glencross
Dave Glencross
Capital on Tap
Dave, Engineering Manager at Capital Untap, shares a story of AI failure and lessons learned from moving too fast in AI development within the company. The AI team focused on developing a chatbot for customer service, which became a flagship initiative under engineering governance. Issues with accuracy and complexity led to pausing the chatbot project and exploring third-party vendors. Capital OnTap reset AI processes by integrating AI engineers into product teams, emphasizing standard engineering over specialized AI teams.
deep dive
A JS Dev's Guide to Not Dismissing Blockchain
JSNation US 2025JSNation US 2025
8 min
A JS Dev's Guide to Not Dismissing Blockchain
Brian Whippo
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
Improve Your Presentation Skills by Scripting Your Live Coding Demos to Perfection
React Summit 2025React Summit 2025
8 min
Improve Your Presentation Skills by Scripting Your Live Coding Demos to Perfection
Elio Struyf
Elio Struyf
Struyf Consulting
Elio's tips for perfect live coding: Minimize distractions, prepare well with light themes and larger fonts, adjust cursor style, avoid hover panels. Stay focused on one application during presentations. Changing settings for clarity, stressing the importance of tools like Demo Time for scripted presentations within Visual Studio Code, eliminating context switching between applications, and facilitating audience interaction with shared repositories. Exploring actions in Demo Time: creating code, opening files, highlighting code, and executing VS Code commands for a cleaner presentation. Utilizing Slides for Markdown presentations within Demo Time.
web developmentsoft skills
Latest
HTML in Canvas: Bridging UI and GPU on the Web
Web Engineering Summit 2026Web Engineering Summit 2026
17 min
HTML in Canvas: Bridging UI and GPU on the Web
Santiago Colombatto
Tomas Ferreras
2 authors
Modern web development still relies on a strong separation between HTML/CSS for UI and Canvas/WebGL for rendering. In practice, combining both often leads to complex synchronization logic and a series of workarounds.In this talk, we’ll first walk through how these problems are typically so...
webgl
The Ralph Wiggum Method Explained
AI Coding Summit 2026AI Coding Summit 2026
10 min
The Ralph Wiggum Method Explained
Eddy Vinck
Eddy Vinck
FrontValue
Today, exploring Ralph Wiggum AI method's simplicity and persistence. Ralph loops ensure eventual consistency in problem-solving. Challenges in AI chats revolve around context management, emphasizing the importance of effective loop iterations. Basic example of loop iteration and backpressure in Ralph. Using skip permissions can be risky. Running Cloud in a sandbox mode for safety measures. Ralph Wiggum AI Method: Autonomous coding with thorough spec creation. Careful planning needed. Upsides include autonomous operation and clear task handling.
tooling
Advanced Cursor Techniques for Building Fullstack Apps
AI Coding Summit 2026AI Coding Summit 2026
119 min
Advanced Cursor Techniques for Building Fullstack Apps
Workshop
Mike Mikula
Mike Mikula
In this workshop, you’ll learn a repeatable process for building full stack apps in Cursor. We’ll start with an idea and use an agent to shape clear requirements. Next, we’ll generate a database schema and set up the build tools. Then we’ll create the backend and frontend, and wire the layers tog...
artificial intelligence
Skills in Claude Code Desktop: Architecture and Execution Runtime
React Summit 2026React Summit 2026
25 min
Skills in Claude Code Desktop: Architecture and Execution Runtime
Daniel Ávila
Daniel Ávila
Claude Code Templates Creator, AI Tech Lead at Hedgineer.
A technical breakdown of how the Claude Code Desktop runtime discovers, loads, and executes Skills. We'll cover the SKILL.md spec beyond the basics, frontmatter parsing, description-based triggering, file system scoping, and how skills compose with MCP and hooks in a single session.
...
artificial intelligence
Software Craftless: Writing Code That Would Make a Goat Vomit
Web Engineering Summit 2026Web Engineering Summit 2026
15 min
Software Craftless: Writing Code That Would Make a Goat Vomit
César Alberca
César Alberca
Freelance Frontend Architect
Most technical talks teach you how to write clean, scalable, maintainable code. This one does not. Here you will learn how to write code that confuses, deceives, and breaks things in unexpected ways... on purpose. And on top of that, in JavaScript.Discover how to:Hide bugs so w...
fun demos
Think Like a Tester: What to Look For in AI-Generated Code
Web Engineering Summit 2026Web Engineering Summit 2026
16 min
Think Like a Tester: What to Look For in AI-Generated Code
Wendy Erdheim-Poch
Wendy Erdheim-Poch
Elementor
AI is writing code faster than ever. But there's a gap: the gap between "it works" and "it works correctly."As a QA Automation Engineer with 9 years of experience, I've developed the instinct to see what breaks before it breaks. AI generates clean code that hides catastrophic bugs in plain...
testing
Global-Scale React: Architecting for Localization, Multi-Tenancy, and Dynamic Markets
React Summit 2026React Summit 2026
14 min
Global-Scale React: Architecting for Localization, Multi-Tenancy, and Dynamic Markets
Ayodele Aransiola
Ayodele Aransiola
Mentorship available
Gopaddi
Building a global product using React is not just about translating UI to code; it’s about architecting for localization, multi-tenancy, compliance, and market-specific behaviors. Leading architecture at Gopaddi, we’re scaling a travel operating system that serves users across continents, each wi...
web development
Replacing Form Libraries With Native Web APIs
React Summit 2026React Summit 2026
17 min
Replacing Form Libraries With Native Web APIs
Trust Jamin
Trust Jamin
Uploadcare
In 2026, shipping a heavy library like Formik or React Hook Form is often an unnecessary performance tax. This "delete code" session showcases how to use the Constraint Validation API, the Popover API, and native HTML Form Validation to build complex, accessible, and high-performance forms with z...
react
Modernizing Your React App: Compiler, useEffectEvent, Activity & Friends
React Summit 2026React Summit 2026
27 min
Modernizing Your React App: Compiler, useEffectEvent, Activity & Friends
Vitor Alencar
Vitor Alencar
@vitormalencar
React has changed a lot in the last year: React 19, 19.1 and now 19.2 brought a stable React Compiler, new hooks like useEffectEvent, the <Activity /> API, and better SSR primitives such as Partial Pre rendering. And more
In this talk we’ll take a demo React app that’s full of effects,...
react
AI Can Generate Tests for You, Now What?
JSNation 2026JSNation 2026
22 min
AI Can Generate Tests for You, Now What?
Maya Shavin
Maya Shavin
Published author, international speaker and an open-source library maintainer of frontend and web projects
Tools like Playwright MCP (or AI) or Claude Code can generate tests for your code.Cursor can give you testing suggestions about your codebase that sounds logical within seconds also.Testing has never felt this easy before.Until the need for a full scale, seamless are effectiv...
testing
Popular
Welcome to Nuxt 3
Vue.js London Live 2021Vue.js London Live 2021
29 min
Welcome to Nuxt 3
Top Content
Alexandre Chopin
Alexandre Chopin
NuxtLabs
Nux3 has made significant improvements in performance, output optimization, and serverless support. Nuxt Bridge brings the Nitro engine for enhanced performance and easier transition between Nuxt 2 and Nuxt Read. Nuxt 3 supports Webpack 5, Bytes, and Vue 3. NextLab has developed brand new websites using Docus technology. Nuxt.js is recommended for building apps faster and simpler, and Nuxt 2 should be used before migrating to Nuxt 3 for stability. DOCUS is a new project that combines Nuxt with additional features like content modules and an admin panel.
vuevitenuxt.js
The Good, The Bad, and The Web Components
JSNation 2023JSNation 2023
29 min
The Good, The Bad, and The Web Components
Top Content
Zach Leatherman
Zach Leatherman
Eleventy (11ty) Creator
Web Components are a piece of reusable UI enabled by web standards and built into the web platform. They offer the potential for faster component initialization and less library overhead. Web Components can be created from scratch and utilized with existing component libraries. Shadow DOM and Declarative Shadow DOM provide benefits such as scoped CSS and server-rendered components. The tradeoff between not repeating oneself and achieving full server-side rendering support is discussed. User experience is deemed more important than developer experience.
react web componentsweb components
How React Compiler Performs on Real Code
React Advanced 2024React Advanced 2024
31 min
How React Compiler Performs on Real Code
Top Content
Nadia Makarevich
Nadia Makarevich
Coder, writer, author of Advanced React book
I'm Nadia, a developer experienced in performance, re-renders, and React. The React team released the React compiler, which eliminates the need for memoization. The compiler optimizes code by automatically memoizing components, props, and hook dependencies. It shows promise in managing changing references and improving performance. Real app testing and synthetic examples have been used to evaluate its effectiveness. The impact on initial load performance is minimal, but further investigation is needed for interactions performance. The React query library simplifies data fetching and caching. The compiler has limitations and may not catch every re-render, especially with external libraries. Enabling the compiler can improve performance but manual memorization is still necessary for optimal results. There are risks of overreliance and messy code, but the compiler can be used file by file or folder by folder with thorough testing. Practice makes incredible cats. Thank you, Nadia!
performance
Mastering advanced concepts in TypeScript
React Summit US 2023React Summit US 2023
132 min
Mastering advanced concepts in TypeScript
Top Content
Featured WorkshopFree
Jiri Lojda
Jiri Lojda
TypeScript is not just types and interfaces. Join this workshop to master more advanced features of TypeScript that will make your code bullet-proof. We will cover conditional types and infer notation, template strings and how to map over union types and object/array properties. Each topic...
typescriptdevtoolstypescript libraries
A Guide to React Rendering Behavior
React Advanced 2022React Advanced 2022
25 min
A Guide to React Rendering Behavior
Top Content
Mark Erikson
Mark Erikson
Replay.io
This transcription provides a brief guide to React rendering behavior. It explains the process of rendering, comparing new and old elements, and the importance of pure rendering without side effects. It also covers topics such as batching and double rendering, optimizing rendering and using context and Redux in React. Overall, it offers valuable insights for developers looking to understand and optimize React rendering.
reactperformancereact renderingdeep dive
Next.js for React.js Developers
React Day Berlin 2023React Day Berlin 2023
157 min
Next.js for React.js Developers
Top Content
Featured WorkshopFree
Adrian Hajdin
Adrian Hajdin
In this advanced Next.js workshop, we will delve into key concepts and techniques that empower React.js developers to harness the full potential of Next.js. We will explore advanced topics and hands-on practices, equipping you with the skills needed to build high-performance web applications and...
reactnextjs react
Managing React State: 10 Years of Lessons Learned
React Day Berlin 2023React Day Berlin 2023
16 min
Managing React State: 10 Years of Lessons Learned
Top Content
Watch video: Managing React State: 10 Years of Lessons Learned
Cory House
Cory House
Expert with 20 Years of Experience, 10 Pluralsight Courses Author
This Talk focuses on effective React state management and lessons learned over the past 10 years. Key points include separating related state, utilizing UseReducer for protecting state and updating multiple pieces of state simultaneously, avoiding unnecessary state syncing with useEffect, using abstractions like React Query or SWR for fetching data, simplifying state management with custom hooks, and leveraging refs and third-party libraries for managing state. Additional resources and services are also provided for further learning and support.
reactreact queryindexeddb reactreact componentdidmountreact state managementreact performancereact swrrtk query vs react queryreact usetransitionbest practices
Building a JS Engine -- For Fun!
JSNation 2024JSNation 2024
9 min
Building a JS Engine -- For Fun!
Top Content
Linus Groh
Linus Groh
Ecma TC39 Delegate
The Talk discusses the basics of building a JS engine, highlighting the complexity and feature completeness of existing engines. It emphasizes the possibility of creating a simpler engine tailored to specific use cases and target audiences. The speaker suggests starting anywhere in the process and provides tips on using parser libraries, implementing runtime features, and ensuring correctness through testing. Additionally, the Talk encourages exploring JavaScript standards and engaging with the open-source community.
javascriptdeep dive
Pushing the Limits of Video Encoding in Browsers With WebCodecs
JSNation 2023JSNation 2023
25 min
Pushing the Limits of Video Encoding in Browsers With WebCodecs
Top Content
Watch video: Pushing the Limits of Video Encoding in Browsers With WebCodecs
Akash Hamirwasia
Akash Hamirwasia
ElevenLabs
This Talk explores the challenges and solutions in video encoding with web codecs. It discusses drawing and recording video on the web, capturing and encoding video frames, and introduces the WebCodecs API. The Talk also covers configuring the video encoder, understanding codecs and containers, and the video encoding process with muxing using ffmpeg. The speaker shares their experience in building a video editing tool on the browser and showcases Slantit, a tool for making product videos.
videojavascriptbrowser apiwebassembly
React
The State of React
React Summit 2025React Summit 2025
26 min
The State of React
Sacha Greif
Sacha Greif
Devographics
Introduction to the State of React survey and the history of developer surveys. Detailed analysis of survey results, user demographics, and job titles. Examination of React API trends, user sentiment towards APIs, and new API challenges. Analysis of React library satisfaction, particularly with Next.js. Discussion on React state management and data loading, including pain points. Insights on React library usage patterns and application trends. Key takeaways include staying calm, appreciating foundational React elements, and relying on data for a balanced view.
react
From Segments to Suspense: The Future of Next.js Caching
React Advanced 2025React Advanced 2025
27 min
From Segments to Suspense: The Future of Next.js Caching
Wyatt Johnson
Wyatt Johnson
Vercel
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.
reactperformancenext.jsfrontendserver cachereact server components
Suspenseful Component Composition
React Summit US 2025React Summit US 2025
12 min
Suspenseful Component Composition
Simeon Griggs
Simeon Griggs
Sanity
Simeon Griggs discusses Suspenseful Component Composition, the use of fallback props, and the basics of suspense in React applications with a demo showcasing data fetching and layout shifting. Exploring issues with data fetching and suspense boundaries. Addressing the challenges of using suspense boundaries and data fetching for individual rows in React applications. Creating consistent fallback elements for smooth loading experiences in tables by aligning sizes and optimizing data fetching placement. Optimizing data fetching placement for smoother loading experiences. Consider exporting suspense boundary to enhance code cleanliness and be defensive against data fetching errors. Use error boundaries to handle errors in suspenseful data fetching components for a smoother user experience.
react
React Bits: The Art of Standout UI
React Summit 2026React Summit 2026
21 min
React Bits: The Art of Standout UI
David Haz
David Haz
React Bits
reactopen-source
Mess to Modern: Refactoring a React Nightmare
React Summit 2026React Summit 2026
18 min
Mess to Modern: Refactoring a React Nightmare
Kaleb Garner
Kaleb Garner
HaloMD
Have you ever been handed a React project that felt like navigating barbed wire? 900-line components, endless useEffects, and zero modularity. Join me as we take a real-world React nightmares and refactor it live! We’ll move from an over-engineered mess to a performant, scalable app by mastering...
react
How to React Compiler
React Summit 2025React Summit 2025
20 min
How to React Compiler
Top Content
Anton Nepsha
Anton Nepsha
Introduction to React compiler, differences from React 19, installation of Babel plug-in React compiler, specifying target React versions, and how React compiler detects and processes component dependencies. Configuring React compiler settings, exploring default options and configurations, utilizing React compiler playground website for configurations, dealing with JSX markup re-computation. React compiler feature for extracting JSX from array map callbacks, limitations of enable function outlining, enabling JSX outlining for separate functions. Function memoization in React compiler, React compiler beta stage, potential errors with React compiler. React compiler error: memorization preservation, hidden messages, validation settings. React compiler: validation tools, hooks treatment, memorization challenges. Changing hooks to functions for React compiler optimization. React Compiler usage considerations and potential optimizations.
react
Lessons From Adopting React Compiler
React Summit US 2025React Summit US 2025
23 min
Lessons From Adopting React Compiler
Akash Hamirwasia
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.
reactperformanceadvancedreact 19
Scaling React: What Actually Matters
React Summit 2026React Summit 2026
30 min
Scaling React: What Actually Matters
Tathagat Thapliyal
Tathagat Thapliyal
Mentorship available
Simbian
React often gets blamed when applications feel sluggish."We need to migrate."
"We need a new framework."
"React can’t handle scale."

But what if React isn’t the problem?

In this talk, we’ll challenge one of the most common assumptions in frontend engineering...
react
React Beyond the DOM
React Summit US 2025React Summit US 2025
27 min
React Beyond the DOM
Erik Rasmussen
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
Gotta Go Fast: React at 60 FPS
React Summit 2026React Summit 2026
16 min
Gotta Go Fast: React at 60 FPS
Rachel Kaufman
Rachel Kaufman
Attentive
How can you create performant animations, backed by fast-updating data, on the web, using React?

Come learn how to make silky-smooth data-powered animations without having to give up the convenience of React. (Mostly…)

React is great for manipulating the DOM, but all that sh...
react
Free workshops
Building Model Context Protocol (MCP) Tools for AI Agents with Cloudflare Workers
Node Congress 2026Node Congress 2026
73 min
Building Model Context Protocol (MCP) Tools for AI Agents with Cloudflare Workers
WorkshopFree
Confidence Okoghenun
Confidence Okoghenun
In this hands on workshop participants will learn how to create a production‑ready Model Context Protocol (MCP) server on Cloudflare Workers. The session covers defining tool endpoints, integrating external APIs, persisting state with KV storage, and globally deploying the server so AI assistants...
artificial intelligence
Building with Gemini: AI Studio, Antigravity, and Google DeepMind's Latest Models
AI Coding Summit 2026AI Coding Summit 2026
34 min
Building with Gemini: AI Studio, Antigravity, and Google DeepMind's Latest Models
WorkshopFree
Paige Bailey
Paige Bailey
In this hands-on session, we'll dive straight into the practical mechanics of working with Google DeepMind’s latest research and models. We'll explore Google AI Studio, Antigravity, and the Gemini APIs, focusing on how to seamlessly integrate these capabilities into your own projects. If you're l...
best practices
"Hello World" on OpenShift AI: Training Your First Neural Network
AI Coding Summit 2026AI Coding Summit 2026
53 min
"Hello World" on OpenShift AI: Training Your First Neural Network
WorkshopFree
Legare Kerrison
Sawyer Bowerman
2 authors
Join us for an interactive workshop where you'll train your first neural network using the classic MNIST handwritten digit dataset. In this hands-on session, participants will use OpenShift AI 3.x Workbenches to build and train a PyTorch model that recognizes handwritten digits from images.
artificial intelligence
Hands-On Guide to Secure AI-Driven Coding
AI Coding Summit 2026AI Coding Summit 2026
52 min
Hands-On Guide to Secure AI-Driven Coding
WorkshopFree
Gil Friedman
Gil Friedman
Modern AI coding agents don’t just autocomplete. They execute, connect, and automate. With the wrong settings, they can access more of your system than you intended. In this session, I’ll demonstrate how agent autonomy, MCP integrations, and Skills can lead to unexpected security risks. Through e...
best practicesartificial intelligence
Ship a Production Voice Agent: A Hands-on Workshop
AI Coding Summit 2026AI Coding Summit 2026
49 min
Ship a Production Voice Agent: A Hands-on Workshop
WorkshopFree
Shifra Williams
Shifra Williams
Ready to bring conversational AI to life? In this hands-on workshop, we'll walk through deploying a real-time voice agent using Render's cloud platform. You'll work directly with LiveKit's voice agent template to create an interactive AI assistant that can listen, think, and respond naturally thr...
web apps
Build Your Dream Extensions with AI
AI Coding Summit 2026AI Coding Summit 2026
87 min
Build Your Dream Extensions with AI
WorkshopFree
Brittany Joiner
Brittany Joiner
In this interactive workshop, you’ll build a working internal browser extension you and your team can use to share context across apps you use daily. We’ll start with a practical, real-world example: a web clipper that you’ll customize to send content from GitHub to your team’s communication tool...
artificial intelligence
Using Sandboxes to Safely Execute Untrusted or Dynamic Code
AI Coding Summit 2026AI Coding Summit 2026
76 min
Using Sandboxes to Safely Execute Untrusted or Dynamic Code
WorkshopFree
Craig Dennis
Craig Dennis
This workshop introduces Sandboxes as a general computing primitive and uses Cloudflare Sandboxes as the concrete implementation. Participants explore common, real-world use cases for sandboxed execution and learn how to reason about when and why sandboxes are the right tool.

The works...
case study
Building AI workflow editor UI in React with Workflow Builder SDK
React Summit US 2025React Summit US 2025
141 min
Building AI workflow editor UI in React with Workflow Builder SDK
WorkshopFree
Łukasz Jaźwa
Łukasz Jaźwa
Join us to learn how to build your own Zapier-like interface in days, not months. Discover how to save 1,000+ hours of design and coding upfront, building a complex workflow editor UI from scratch. Customize it for AI orchestration, automations, business processes visualization and other real-wor...
artificial intelligenceUX UI
The React Developer's Guide to AI Engineering
React Summit US 2025React Summit US 2025
96 min
The React Developer's Guide to AI Engineering
Featured WorkshopFree
Niall Maher
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
Build LLM agents in TypeScript with Mastra and Vercel AI SDK
React Advanced 2025React Advanced 2025
145 min
Build LLM agents in TypeScript with Mastra and Vercel AI SDK
Featured WorkshopFree
Eric Burel
Eric Burel
LLMs are not just fancy search engines: they lay the ground for building autonomous and intelligent pieces of software, aka agents.
Companies are investing massively in generative AI infrastructures. To get their money's worth, they need developers that can make the best out of an LLM, and t...
typescriptartificial intelligence