GitNation: Talks & workshops by core teams and top engineers

Upcoming events

Subscribe to the top Dev conferences

React Advanced 2026

Oct 23 - 26, 2026

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 Redux still relevant for modern React applications?

Yes, Redux is still relevant for modern React applications. Although there are many state management tools available, Redux provides a consistent and predictable pattern for managing state, especially in larger applications where state needs to be shared across many components.

What improvements in web technology does the speaker discuss?

The speaker discusses improvements in CSS and web APIs, such as dynamic viewport height units, scroll behavior in CSS, scroll snap, intersection observer API, and the web animation API.

How does CapnWeb differ from REST for web APIs?

CapnWeb uses RPC function calls instead of REST's requests and responses, making it more intuitive and efficient, as it resembles calling a library rather than a network service.

How should architecture be viewed according to Luca?

Architecture should be viewed as a mindset rather than a title. It involves understanding the context, making informed decisions, and adapting to changes over time.

What techniques can help in understanding business needs during software development?

Event storming and domain storytelling are two techniques that help team members understand business needs by focusing on user behavior and system interaction, rather than technology.

How does modularization affect software architecture?

Modularization can take various forms, from monoliths to microservices, and should be chosen based on the rate of change of features and the need for independent development and iteration.

Are there any downsides to using React Compiler?

Nadia found that React Compiler might not catch every re-render, especially with external libraries or complex legacy code. It may not handle cases where code isn't fine-tuned for memoization.

Why is browser compatibility still relevant?

Browser compatibility remains relevant due to differences in browser capabilities and the impact of trailing-edge browsers like Safari on web development.

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.

What is SvelteKit and how does it relate to Svelte?

SvelteKit is a companion project to Svelte, designed to solve broader application development problems such as setting up build tooling and defining routes, enhancing Svelte's capabilities.

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 Summit US 2024

29 min

Out Of Order Streaming (The Secret Powering Modern React)

Theo Browne

TypeScript YouTuber who happens to run dev tools company. Known primarily for memes, hot takes, and building useful things for devs such as UploadThing and the T3 Stack.

I'm the second-best TypeScript YouTuber. I'm giving a talk on streaming in React and the benefits it brings to applications. Streaming allows for faster perceived loading times by sending partial HTML to the browser, rendering it and waiting for the rest to complete. Server-side loading can cause delays, but this can be improved by caching HTML on a CDN. Streaming HTML in a different order has been a challenge, but there are JavaScript solutions. Optimizing HTML streaming with Suspense and dynamic I.O. can further improve loading times. Using suspense in client-side rendering and addressing challenges with Next.js React model are interesting patterns. Caching can now be done at a more granular level, improving SEO and reducing load on the host server. Rendering on the server is not a big penalty compared to multiple API requests. Thank you all.

react

Our Own React Global State Manager in Less Than 50 Lines of Code

React Summit 2025

26 min

Our Own React Global State Manager in Less Than 50 Lines of Code

Top Content

Miguel Ángel Durán

midudev

Speaker delves into global state management in React, mentioning Redux and alternatives like React context. Creating a global state manager in under 50 lines of code with React context, highlighting challenges with performance and React specificity. Building a custom hook named user store for state management, implementing state and API for store, handling partial state updates efficiently. Managing listeners for state changes, setting up custom hooks and selectors, and subscribing to external stores. Demonstrating optimization in state management and preventing unnecessary button re-renders. Discussion on Redux, Signals, debugging, and various global state management choices like Zestand and Redux toolkit.

react

My Heart Is In the Right Place, but the DOM Isn't

React Summit 2025

18 min

My Heart Is In the Right Place, but the DOM Isn't

Kyle West

Staff Engineer at FamilySearch Program Committee Member

Kyle West emphasizes the importance of building accessible products and shares experiences in ensuring accessibility. A focus on accurate ARIA labels and the impact on accessibility. Optimizing accessibility with proper labels and utilizing the aria-hidden attribute. Lessons in ARIA usage, tabindex attribute, and the importance of quality code reviews. Addressing vestibular disorders in web design with solutions like prefersReduceMotion media query. Enhancing user comfort with accessibility queries and the importance of inclusive user-centric design in product development.

accessibility

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

Supercharge Your Debugging With the New Features in Chrome Devtools

JSNation 2025

29 min

Supercharge Your Debugging With the New Features in Chrome Devtools

2 authors

Eva and Bari introduce the complexity of web development and emphasize the evolving nature of DevTools, discussing productivity gains through new features. The talk covers performance debugging enhancements and user-friendly changes in the performance panel. Live metrics screen offers real-time insights, integrating real user data for performance comparison. Configuring DevTools for accurate user emulation and leveraging performance trace capabilities for debugging. Enhancing user experience with AI insights and visual assistance, setting up AI workspace in DevTools. Addressing data privacy concerns and AI usage control. Chrome DevTools API and Gemini model enhancements, AI features specific to Chrome, web sockets throttling, and AI agent probing in performance context.

deep dive

Unreal Engine in WebAssembly/WebGPU

JS GameDev Summit 2022

33 min

Unreal Engine in WebAssembly/WebGPU

Top Content

Alex St. Louis

Co-founder and Chief Operating Officer @ Wonder Interactive

Alex Saint-Louis, co-founder of Wunder Interactive, shares the mission of bringing Unreal Engine to the browser, enabling cross-platform 3D applications and games. They are working on a WebGPU back end for Unreal Engine to push the limits of 3D on the web. Wunder Interactive has improved compression, built their own asset file system, and offers powerful tools for game developers. They are utilizing modern web technologies like WebAssembly, WebGL, and WebGPU, and plan to support other engines like Unity and Godot. The team aims to transform the industry by bringing console-quality games to the browser and providing an alternative distribution path. They are excited to bring Unreal Engine 5 to the web with WebGPU support and are working on WebXR support for cross-platform 3D experiences, including VR.

game development webgpu game engine webgl webassembly

Forging the Agentic Engine Room: A Human-Centric Playbook

TechLead Conf London 2025: Adopting AI in Orgs Edition

31 min

Forging the Agentic Engine Room: A Human-Centric Playbook

Tim Makin

CDL

The speaker shares experiences in AI project production and the importance of leadership in increasing successful AI product launches. Challenges in implementing AI solutions include resource allocation and adapting to new technologies. The transition to Python for a project launch in September involved upskilling the team. Establishing clear expectations and career frameworks for engineers is crucial for success. Fostering growth through experimentation and innovation events enhances skills and collaboration. Effective communication, user experience focus, and continuous testing are key to project success in AI initiatives. Encouraging psychological safety and involving employees in AI adoption are important strategies for transformative journeys.

best practices

Agentic by Default: Rethinking Developer Workflows with Claude Code

AI Coding Summit 2026

29 min

Agentic by Default: Rethinking Developer Workflows with Claude Code

Ado Kukic

Anthropic

The Talk delves into agent decoding in Cloud Code, emphasizing the importance of planning, acting, and verifying changes systematically. It explores maximizing efficiency through Cloud Code acting as an agent, reasoning, reading, writing code, and using tools for successful outcomes. The discussion covers enhancing task planning, utilizing subagents for specialized assistance, and optimizing tool use with MCP integration. It introduces Cloud Skills, plugins for team collaboration, and efficient tool utilization with parallel workflows. The concept of non-interactive agents, guided autonomy, and steps for experiencing agent decoding are also highlighted.

best practices

Agentic CI/CD: from Pull Request to Production without the Paper Cuts

AI Coding Summit 2025

25 min

Agentic CI/CD: from Pull Request to Production without the Paper Cuts

Chaitanya Rahalkar

Block Inc

Discussing the evolution of CI CD pipelines to true autonomy, focusing on intelligent workflows, automation challenges, and paper cuts affecting developer productivity. Addressing challenges in software development, including slow reviews, security bottlenecks, complex debugging, and inefficient testing. Transitioning to autonomous decision-making with agentic systems and introducing Continuous Agentic and Continuous Deployment (CCD) as a deeper architecture change. Exploring agentic workflows with autonomous systems that make intelligent decisions and anticipate problems. Transitioning from an assembly line to a collaborative system with an AI pit crew for autonomous CACD workflows. Intelligent triaging filters false positives, ensuring developers focus on real issues. Orchestration of specialized agents into a cohesive team through an orchestrator agent. Vision of self-adaptive pipeline learning, adjusting workflows for optimal balance, elevating roles in agentic systems.

artificial intelligence

Milo, a New HTTP Parser for Node.js

Node Congress 2024

23 min

Milo, a New HTTP Parser for Node.js

Paolo Insogna

Node.js TSC Member

Hello and welcome to Node Congress 2024. NearForm focuses on delivering modern and elegant solutions. Milo is a new HTTP parser written in Rust, designed to address the complexity and vulnerabilities of the current Node HTTP parser. Milo allows developers to opt-in for copying data being parsed for improved developer experience. It follows the latest RFCs for HTTP strictly and provides a common interface across different languages. Milo is being explored for C++ and WebAssembly integration, and future steps include performance improvements and regression testing.

node.js

Featured

Build LLM agents in TypeScript with Mastra and Vercel AI SDK

React Advanced 2025

145 min

Build LLM agents in TypeScript with Mastra and Vercel AI SDK

Featured WorkshopFree

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

typescript artificial intelligence

Why Node.js Needs an Application Server

Node Congress 2026

18 min

Why Node.js Needs an Application Server

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

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

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.

performance frontend next.js react server components react server cache

Keeping Up with The Fast and Furious Web

JSNation US 2025

29 min

Keeping Up with The Fast and Furious Web

Scott Tolinski

Co-host of Syntax.fm

Scott Talinsky's journey in web development highlights his transition from YouTube tutorials to creating educational content and courses, reflecting his passion for teaching. The evolution of web development tools showcases advancements from limited colors to modern frameworks like React and CSS features like squircles. Adapting to new technologies emphasizes core skills and freedom in tool selection. User-centric development prioritizes accessibility and understanding the purpose of tools. Learning strategies focus on fundamentals, hands-on learning, and avoiding influencer bias. Standing out in tech roles requires quality projects, broad knowledge, and effective communication.

web development

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

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

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

Pragmatic 101 on Custom JS Tooling for Your Project

JSNation US 2025

122 min

Pragmatic 101 on Custom JS Tooling for Your Project

Featured Workshop

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

Rethinking Bundling: Why You Don’t Need Less JavaScript

JSNation US 2025

30 min

Rethinking Bundling: Why You Don’t Need Less JavaScript

Daniel Roe

Leads the Nuxt core team

The speaker, Daniel, shares insights on his role as an open source maintainer, projects Nuxt and Nitro, and living in Edinburgh. Nuxt, a full-stack framework, evolved with community support, emphasizing community-driven development. Optimization strategies for JavaScript, CSS, and font loading in Nuxt were discussed. Integration of Nuxt Scripts for web performance, challenges in meta framework development, and considerations for Nuxt V3 rewrite were highlighted. Future plans include smoother migrations and open-source access to emoji slides integration.

bundler

Short takes

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

A Brief History of Code Review (And What's Next)

JSNation 2026

8 min

A Brief History of Code Review (And What's Next)

Santosh Yadav

CodeRabbit

The Talk explores the transition from solo development to code review history, tracing it back to the Fagin Inspection process in the 1990s. It discusses the evolution of code collaboration from in-person meetings to remote, email-based discussions. The shift to modern code review via pull requests on GitHub improved collaboration efficiency. The integration of AI in code review enhanced processes and enabled instant feedback. Encouraging open source projects to adopt code review tools and prioritize the importance of thorough reviews is highlighted.

code quality

Organic Leadership in the Age of AI: Why human Touch Becomes More Valuable Than Ever

TechLead Conf Amsterdam 2026: Adopting AI in Orgs Edition

8 min

Organic Leadership in the Age of AI: Why human Touch Becomes More Valuable Than Ever

Kseniia Korostelova

Mentorship available

Aristocrat Interactive

Reflecting on the integration of AI in software development and the implications for leadership and decision-making. AI integration in leadership: embracing context, judgment, and accountability. Principles: Context before output, Intent before optimization, Awareness before efficiency, Accountability before automation. Leadership as an ecosystem with roots, stem, and fruit; AI's role in each part. Using AI at different levels of leadership: fruit, stem, and roots. Decision-making needs context. Leadership bridges information and context gaps. AI for efficiency but human touch for depth and understanding.

case study

Shipping AI Under Constraints: Build, Buy, or Kill

TechLead Conf London 2025: Adopting AI in Orgs Edition

8 min

Shipping AI Under Constraints: Build, Buy, or Kill

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

Ensuring Quality with AI

TechLead Conf Amsterdam 2026: Adopting AI in Orgs Edition

7 min

Ensuring Quality with AI

Richard Roggenkemper

Sentry

Richard Rodenkemper, senior software engineer at Sentry, discusses ensuring quality with AI. GitHub data shows exponential growth in coding. Concerns arise about the reliability of coding agents versus human engineers. Impact of AI and Cloud on code production and app quality is questioned. Challenges in code reliability despite increased production are highlighted. AI as a quality tool in software development. Importance of reliability for product success highlighted. AI's strengths in handling data and searching code base discussed. Examples of AI usage in code reviews and quality assurance at Sentry shared. AI efficiency in endpoint deprecation and system updates highlighted. AI's assistance in migrating design systems and reducing notifications using Cloud Code emphasized.

artificial intelligence

Debugging Performance With AI

JSNation 2026

6 min

Debugging Performance With AI

Bernie Sumption

AG Grid

The talk explores using AI to address challenges in rendering performance optimization, highlighting the potential of tools like Chrome developer tools MCP. Leveraging AI with these tools can streamline the process and flatten the learning curve for developers. The approach of isolating performance issues through commit analysis, including systematic testing and synthetic stress tests, is emphasized as a practical method to identify and resolve rendering performance issues effectively.

artificial intelligence

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

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

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

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

Latest

Taking a Dump: Using Heap Dumps to Find and Fix NodeJS Memory and CPU Problems

Web Engineering Summit 2026

22 min

Taking a Dump: Using Heap Dumps to Find and Fix NodeJS Memory and CPU Problems

Dan Shappir

Snyk

Dan Shapir introduces heap dumps to identify and fix Node.js memory and CPU issues. Memory leaks in JavaScript occur when objects are still reachable, impacting memory usage. Continuous memory rise from leaks can deplete memory and lead to CPU usage escalation. Detecting and resolving memory leaks promptly is crucial to prevent system unresponsiveness in production environments. Heap dumps and memory dumps help analyze memory issues, with Chrome DevTools aiding in finding memory leaks. Pinpointing memory leaks involves comparing heap snapshots and analyzing leaked objects. Alternative methods for generating heap snapshots include new experimental node flags, automatic triggers, and built-in APIs, offering benefits but posing risks such as potential crashes and security vulnerabilities.

performance

Designing a Migration to Micro-Frontends

JSNation 2026

30 min

Designing a Migration to Micro-Frontends

Luca Mezzalira

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

In the last decade, microfrontends have gained popularity for their independence and fast flow. Understanding common Microfrontend architectures is crucial for defining boundaries and responsibilities. Integration of CDNs for Microfrontends involves caching, TTL settings, and security considerations. Microfrontend migration strategies focus on stability and iterative transitions. Edge Compute deployment enables controlled traffic distribution and efficient rollbacks. Data sharing techniques include query strings, cookies, and backend APIs. Event handling utilizes event emitters for communication and routing. AI integration enhances code generation and project boundaries. Managing micro frontends in organizational repositories requires careful logistics. Aligning reusability goals with business gains is essential for management. Situational considerations and implementation strategies for Microfrontends involve framework choices and event communication frameworks.

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 Legacy to Delight: The Future of Node.js DX

JSNation 2026

21 min

From Legacy to Delight: The Future of Node.js DX

Claudio Wunder

Governance at OpenJS Foundation

Claudio Bunder emphasizes the importance of Node.js documentation, highlighting its impact on the ecosystem and the challenges in maintaining it. Node.js API documentation tooling faces significant design and implementation hurdles, with a lack of documentation hindering user interaction. The transformation of Node.js API documentation was driven by the need to improve user experience. Dockit, an AST engine, streamlines API documentation generation with support for Markdown, JS Doc, and TS Doc, offering modular flexibility and community-driven documentation creation. Dockit's efficient processing of document structures and metadata, combined with a generator system, ensures high performance and scalability in API documentation generation.

node.js

Agents on the Canvas With tldraw

JSNation 2026

29 min

Agents on the Canvas With tldraw

Max Drake

tldraw

Max Drake discusses the challenges and benefits of working with agents on the canvas using the TLDraw SDK. The conversation delves into the complexity of bringing LLMs to the canvas, emphasizing the need for significant engineering work. The discussion covers projects like Teach and fairies, highlighting collaborative agent dynamics and multi-agent collaboration. Utilizing coding agents for project management and enhancing project visualization with features like the tech tree are explored. Customization options in the Teal Draw SDK, token management, and optimization strategies for efficient data retrieval are also discussed.

artificial intelligence

Building a JavaScript Engine in Rust: Lessons From Boa

JSNation 2026

24 min

Building a JavaScript Engine in Rust: Lessons From Boa

Jason Williams

Bloomberg LP

Jason Williams, a senior software engineer at Bloomberg and TC39 delegate, discusses contributing to Servo project in Rust. The process of developing Boa JavaScript Engine involved highlighting its speed, memory safety, and performance compared to Gecko. Principles of building a JavaScript engine in Rust are compared to processing plants with stages like tokenization and parsing. Tokenization involves breaking down JavaScript code into tokens following the ECMAScript specification. Boa's community contributions focused on enhancing CPU caching, inline caching, and testing for conformance. The engine successfully implemented Temporal, achieving a high test pass rate and integration into major engines.

js runtimes

Your Platforms Matter More Than Ever With AI

TechLead Conf Amsterdam 2026: Adopting AI in Orgs Edition

29 min

Your Platforms Matter More Than Ever With AI

Jessica Andersson

Jesande

AI-powered software development is rapidly evolving, leading to pressure for more AI implementation. Developers are transitioning from code completion to orchestrating change, managing increased output. Challenges arise from neglecting code relevance and adapting to accelerated workflows. Internal developer platforms reduce cognitive load and system complexity, emphasizing adaptable strategies and communication. Organizational learning and intentional system strategies are crucial for acceleration. Engineering leaders must consider deterministic controls and generative AI impact. AI integration for non-developer contributions requires scalability and security considerations. Standardization in development pipelines is crucial, balancing with flexibility for experimentation and evaluation.

future of development

Skill Design for LLM Agents

AI Coding Summit London

24 min

Skill Design for LLM Agents

Minko Gechev

Google

Minko Getschev, AI lead at Google, shares insights on building effective agent skills, including architecture, skill creation best practices, and evaluation methods. Agent decision-making, planning, and hybrid architectures are explored, with a focus on the React loop for tool utilization. Context expansion and management, utilizing tools like MCP and CLIs, enhance agent power. The discussion includes comparisons between MCP and CLIs in agent systems, emphasizing context handling and debugging. Agent skills are structured as procedural instructions, with an open standard focused on tasks and workflow logic. Best practices for skill workflow involve avoiding redundancy, optimizing front matter, and focusing on predictable execution. Utilization and management of agent skills are crucial for performance optimization. Continuous skill evaluation, testing, and improvement are highlighted, with SkillGrade for evaluating agent skills. Skill workflow execution analysis involves identifying failures, log analysis, and rerunning workflows for successful execution.

best practices

Building ChatGPT and MCP Apps with All the Comfort of Modern TypeScript DevX

JSNation 2026

21 min

Building ChatGPT and MCP Apps with All the Comfort of Modern TypeScript DevX

Frédéric Barthelet

Alpic

Fred introduces building JPG and MCP apps with Skybridge, highlighting MCP's evolution and growth with general clients. Challenge GPT integrates its apps on MCP, expanding business experiences. The Skybridge framework supports various ecosystems including Challenge GPT, enabling app development on the Alpic platform. Explore chat.gpt app store, interact with apps, and showcase a cottage app for vacation planning. Utilize interactive components, voice recognition, and LLM in app development for chat.gpt ecosystem. Utilize local dev tools, Magic 8 Ball for fast iteration, and build Charge GPT app to explore capitals with detailed info and interactive map view. Deploy apps with Alpik Tunnel, access the playground for testing, and engage in the open discord community for support.

artificial intelligence web standards

Lean Tech: How to Lead on Creating More Value With AI

TechLead Conf Amsterdam 2026: Adopting AI in Orgs Edition

28 min

Lean Tech: How to Lead on Creating More Value With AI

Fabrice Bernhard

Tech Cofounder Theodo

Tech leads play a crucial role in AI value creation. Global AI spending in 2026 to reach $2.5 trillion. A Kinsey report reveals low impact on profits despite massive AI investments. More than 90% of organizations adopt AI, yet lack real value creation. AI initiatives often lack global impact due to local focus on metrics, not end value. Misunderstanding the value creation akin to Toyota's success. Freddy Ballet discovers Toyota's secret in Europe. Taichi Ono's unconventional methods for value creation in France lead to significant productivity gains and quality improvements. Realizing significant value through collective problem-solving and innovative strategies at Toyota. Focusing on Lean principles to create value through collective problem-solving and adapting learnings for AI integration. Lean Tech Manifesto emphasizing value for customers and creating a continuous learning system for AI transformation, driving value creation through customer-centricity and daily learning opportunities. Addressing bottlenecks in project delivery through AI, Achieving quality with one-shot prompting, Fostering a learning organization with Kaizen approach in AI environment. Utilizing blueprints to streamline code review processes, Embracing a holistic approach to AI value creation, Importance of metrics in evaluating organizational and product performance.

best practices

React Advanced 2022

81 min

Introducing FlashList: Let's build a performant React Native list all together

Top Content

Featured Workshop

3 authors

In this workshop you’ll learn why we created FlashList at Shopify and how you can use it in your code today. We will show you how to take a list that is not performant in FlatList and make it performant using FlashList with minimum effort. We will use tools like Flipper, our own benchmarkin...

react native react react native flashlist

One Year Into Vue 3

Vue.js London Live 2021

20 min

One Year Into Vue 3

Top Content

Evan You

Vue.js & Vite Creator

Vue 3 has seen significant adoption and improvements in performance, bundle size, architecture, and TypeScript integration. The ecosystem around Vue 3 is catching up, with new tools and frameworks being developed. The Vue.js.org documentation is undergoing a complete overhaul. PNIA is emerging as the go-to state management solution for Vue 3. The options API and composition API are both viable options in Vue 3, with the choice depending on factors such as complexity and familiarity with TypeScript. Vue 3 continues to support CDN installation and is recommended for new projects.

vue vue 3

Impact: Growing as an Engineer

React Summit 2022

26 min

Impact: Growing as an Engineer

Top Content

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.

vue vite nuxt.js

Design Systems: Walking the Line Between Flexibility and Consistency

React Advanced 2021

47 min

Design Systems: Walking the Line Between Flexibility and Consistency

Top Content

Siddharth Kshetrapal

GitHub

The Talk discusses the balance between flexibility and consistency in design systems. It explores the API design of the ActionList component and the customization options it offers. The use of component-based APIs and composability is emphasized for flexibility and customization. The Talk also touches on the ActionMenu component and the concept of building for people. The Q&A session covers topics such as component inclusion in design systems, API complexity, and the decision between creating a custom design system or using a component library.

component library design systems best practices

Building a JS Engine -- For Fun!

JSNation 2024

9 min

Building a JS Engine -- For Fun!

Top Content

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.

javascript deep dive

Next.js 13: Data Fetching Strategies

React Day Berlin 2022

53 min

Next.js 13: Data Fetching Strategies

Top Content

Workshop

Alice De Mauro

- Introduction- Prerequisites for the workshop- Fetching strategies: fundamentals- Fetching strategies – hands-on: fetch API, cache (static VS dynamic), revalidate, suspense (parallel data fetching)- Test your build and serve it on Vercel- Future: Server compone...

performance next.js react server components best practices

Build a Headless WordPress App with Next.js and WPGraphQL

React Summit 2022

173 min

Build a Headless WordPress App with Next.js and WPGraphQL

Top Content

Workshop

Kellen Mace

In this workshop, you’ll learn how to build a Next.js app that uses Apollo Client to fetch data from a headless WordPress backend and use it to render the pages of your app. You’ll learn when you should consider a headless WordPress architecture, how to turn a WordPress backend into a GraphQL ser...

next.js graphql wordpress

Simplifying Server Components

React Advanced 2023

27 min

Simplifying Server Components

Top Content

Mark Dalgleish

Shopify

React server components simplify server-side rendering and provide a mental model of components as pure functions. Using React as a library for server components allows for building a basic RSC server and connecting it to an SSR server. RSC responses are serialized virtual DOM that offload code from the client and handle interactivity. The client manifest maps serialized placeholders to real components on the client, enabling dynamic rendering. Server components combine the best of classic web development and progressive enhancement, offering the advantage of moving logic from the client to the server.

react server components

Handling Breaking Changes in GraphQL

GraphQL Galaxy 2022

22 min

Handling Breaking Changes in GraphQL

Top Content

Kadi Kraman

Expo

This Talk discusses handling breaking changes in a GraphQL schema, including the use of the deprecated directive to tag fields that should no longer be used. It also covers the process of deploying GraphQL APIs and mobile apps, highlighting the challenges of mobile app release adoption. The Talk emphasizes the importance of making safe upgrades in mobile apps and provides strategies for detecting and handling breaking changes, such as using TypeScript and GraphQL Inspector. Overall, the Talk emphasizes the need to minimize user impact when introducing breaking changes in GraphQL schemas.

graphql api development

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.

advanced performance react react 19

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