GitNation: Talks & workshops by core teams and top engineers

Upcoming events

Subscribe to the top Dev conferences

JSNation US 2026

Nov 16 - 19, 2026

AI Coding Summit NYC

Nov 16 - 19, 2026

React Summit US 2026

Nov 17 - 20, 2026

React Day Berlin 2026

Dec 4 - 7, 2026

AI Coding Summit Berlin

Dec 4 - 7, 2026

React Summit Asia 2027

Apr 14 - 19, 2027

AI Coding Summit Asia 2027

Apr 15 - 20, 2027

TechLead Conf Amsterdam 2027: Adopting AI in Orgs

May 20, 2027

AI Coding Summit Amsterdam 2027

May 20 - 24, 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...

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

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

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

Top ideas

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.

Can RSC be used with languages other than JavaScript?

While RSC is primarily JavaScript-based, there are experimental libraries like rscx for Rust that attempt to implement RSC-like functionality in other languages.

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.

Who is the creator of Transformers JS?

Joshua, a 25-year-old machine learning engineer from South Africa, is the creator of Transformers JS.

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.

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.

Why did Alex Russell join the Chrome team?

Alex Russell joined the Chrome team to work on ChromeFrame, aiming to integrate Chrome into Internet Explorer as a plug-in to improve web experiences.

What advice does Dominik give for API design in open source libraries?

Dominik advises considering types from the beginning, taking time before adding features to avoid bloating the API, and ensuring that APIs are intuitive and flexible to meet diverse user needs.

What is the ReactFlight protocol?

ReactFlight is a protocol in React 19 used to serialize content so it can be sent from a server to a client, enhancing the sharing of rendering jobs between them.

What is the ultimate goal of a good software architecture?

The ultimate goal is to create adaptive architectures that can evolve over time, rather than ones that are intended to last forever without change.

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 Remote Edition 2021

34 min

Creating Videos Programmatically in React

Jonny Burger

Remotion

The Talk discusses the use of ReMotion, a library that allows for declarative video creation in React. It covers the process of creating videos, animating elements, and rendering multiple compositions. The Talk also mentions the features of ReMotion, such as audio support and server-side rendering. ReMotion 2.0 introduces audio support and the possibility of live streaming. The Talk concludes by highlighting the frustration with existing video editing tools and the integration of existing videos into ReMotion projects.

react remotion react video

Local-first Apps with ElectricSQL and React

React Day Berlin 2023

12 min

Local-first Apps with ElectricSQL and React

James Arthur

ElectricSQL

Electric SQL is a local-first sync layer that allows you to build applications directly on top of Postgres using React. It provides instant results, offline functionality, and built-in multi-user collaboration. The system ensures transactional causal plus consistency and supports real-time multi-user sync and cross-platform usage. Electric SQL eliminates boilerplate code, provides a high-quality user experience, and allows for cost savings and operational simplicity.

state management

Orchestrating Content Workflows at Netflix Scale

JSNation 2026

20 min

Orchestrating Content Workflows at Netflix Scale

Pratyusha Singaraju

Netflix

Pradeep Shah, senior software engineer at Netflix, explains the complex process of content understanding infrastructure and the challenges of coordinating rule engines, ML models, and human decisions. The system aims to route work efficiently to workers, integrating AI agents and ensuring structured feedback for model retraining. Exploring Orchestration System for Concurrent Workflows: Tracks state across workflows, scales to new types without code changes, and promotes reuse. Efficient data storage and retrieval within Netflix using Raw Holo and Conductor for orchestration functionalities. Workflow system provides notifications, dashboards, and efficient workflow setup with AI and human review. Conductor workflow involves immediate task creation, seamless sub-workflow integration, and decision-making based on task flags. Real-time visibility of tasks in raw holo, structured output for human decisions in Conductor workflow. Integration of human and AI agents into the workflow system for efficient task handling.

architecture

Bring the Magic of 3D to Your Vue Applications With TresJS

JSNation US 2024

9 min

Bring the Magic of 3D to Your Vue Applications With TresJS

Alvaro Saburido

Storyblok

What if I told you that this scene or game is entirely done with Vue components? I'm presenting Trace.js, a library to bring 3D to Vue applications. In the setup syntax of Vue, we import the TraceCampos component and add it with a prop called window size. By adding a light to the scene, we can create our first 3D renderer. The post processing library for TresCS was launched, allowing developers to easily add effects like glow to their 3D scenes. TresCS allows you to build impressive scenes with minimal code. Let's quickly demo some galaxies using view components.

vue 3d

Responsive Images for Your Website

JSNation 2023

7 min

Responsive Images for Your Website

Sergey Bocharov

ETG

The Talk discusses various aspects of serving images on websites, including where to store images, image transformation options, and image formats. It also explores different approaches for handling image versions and sizes, such as preparing them in advance or using a proxy server. The speaker highlights the importance of optimizing images for performance and mentions the progress made in adopting new image formats. Overall, the Talk provides insights into best practices for managing and serving responsive dynamic images.

performance optimization

Deploy Your AI Code in Minutes

AI Coding Summit 2026

7 min

Deploy Your AI Code in Minutes

Shifra Williams

Render

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

artificial intelligence

What's Under the Pointer?

React Advanced 2025

30 min

What's Under the Pointer?

Steve Ruiz

tldraw

Let's discuss Tealdraw, a versatile application with a whiteboard feature similar to Miro and Excalitraw. Tealdraw offers an SDK, tealdraw.dev, enabling innovative creations like a liquid simulation. Challenges in Tealdraw included optimizing hit testing, managing selection logic, and addressing shape interactions. The debugging geometry view allows for efficient handling of canvas data and hit detection. Tealdraw's approach to hit testing involves bounding boxes, shape hierarchy navigation, and handling user interactions with polygons. The talk explores technology choices, resolving logic levels, and utilizing CSS masks in Tealdraw, emphasizing the importance of user interaction and efficient hit testing processes.

architecture

Controlling Async Chaos in React with Effect-TS

React Advanced 2026

27 min

Controlling Async Chaos in React with Effect-TS

Violina Popova

ClipMyHorse.TV

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

architecture

Putting a Ceiling on the Thing You Just Told Everyone to Use

TechLead Conf London 2026: Adopting AI in Orgs Edition

28 min

Putting a Ceiling on the Thing You Just Told Everyone to Use

Alexandru-Daniel Tufa

Yelp

AI usage grows, cost follows, and leadership asks you to control it. The instinct is to reach straight for a spending cap. Our concern was that doing so would undermine the adoption we had encouraged, while the arithmetic showed that a daily limit would not control the overall budget anyway...

tooling

Fetch Once, Render Everywhere: React Server Components in Expo Router

React Summit 2024

28 min

Fetch Once, Render Everywhere: React Server Components in Expo Router

Top Content

Evan Bacon

Creator of Expo Router, manager of dev tools and the web platform at Expo.

React Native and ExpoRouter provide a powerful way to build client-side applications that run on both web and native platforms. Server-driven UI and React Server Components offer dynamic rendering and A-B testing opportunities. Server rendering in native apps allows for the integration of movies and enhances the user and developer experience. The Talk includes live demos showcasing interactions with Spotify and native contacts, as well as currency conversion. Server rendering and React Server Components enable the generation of interactive components and bring modern state and AI to every platform.

react native react server components expo

Featured

No REST for Cap'n Web

Node Congress 2026

23 min

No REST for Cap'n Web

Top Content

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

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

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

React Advanced 2025

27 min

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

Wyatt Johnson

Clerk

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

react next.js performance frontend react server components server cache

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

npm install && pray

Node Congress 2026

29 min

npm install && pray

Jo Franchetti

PayPal

JavaScript developers face security risks in npm packages with self-replicating worms compromising packages. Supply chain attacks target prolific maintainers leading to unauthorized code injections. Vulnerabilities in package maintainers and implicit trust contribute to successful attacks. Secure package installation practices vary between npm and Deno. AI-generated code introduces new security risks with embedded secrets. Secure AI code execution involves sandboxing for isolation and secure handling of API keys.

artificial intelligence

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

JSNation US 2025

97 min

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

Featured Workshop

Julián Duque

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

node.js

The Dark Side of Micro-Frontends

React Advanced 2025

29 min

The Dark Side of Micro-Frontends

Top Content

Luca Mezzalira

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

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

architecture

What RSCs Can Do in Next.js Today

React Advanced 2026

25 min

What RSCs Can Do in Next.js Today

Aurora Scharff

Vercel

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

next.js react server components

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

Short takes

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

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

React Summit US 2025

7 min

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

Erik Hanchett

AWS

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

tooling

From Experiment to Enterprise: Scaling AI Coding Assistants Across Engineering Teams

TechLead Conf London 2025: Adopting AI in Orgs Edition

9 min

From Experiment to Enterprise: Scaling AI Coding Assistants Across Engineering Teams

Maxim Salnikov

Applied AI Engineer & Keynote Speaker

Sharing insights on scaling AI coding assistance & adopting AI native dev tools. Discussing the need for a shift from viewing adoption as a tech problem to a change management challenge. Exploring a tactical framework with three key phases: onboard, adopt, succeed. Emphasizing the importance of onboarding developers, ensuring access to licenses, and setting clear policies to avoid 'shadow AI'. Highlighting the necessity of human infrastructure for successful AI dev tool implementation, including AI advocates, communities of practice, and executive sponsorship. Adoption strategies require a focus on interconnected metrics and all pillars simultaneously. Leadership checklist for post-conference actions involves measuring metrics, distinguishing between strategic and tactical points, and staying connected through platforms like WhatsApp and LinkedIn.

artificial intelligence

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

Everyone Is Now a Manager - Interfaces in the World of Agents

TechLead Conf London 2025: Adopting AI in Orgs Edition

6 min

Everyone Is Now a Manager - Interfaces in the World of Agents

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

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

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

Control, Evidence, Trust: Leading Teams When AI Writes the Code

TechLead Conf London 2026: Adopting AI in Orgs Edition

7 min

Control, Evidence, Trust: Leading Teams When AI Writes the Code

Albert Franquesa

Quality Clouds

AI assistants now write a growing share of the code your team ships, but most review processes and quality gates were designed for human authors. Reviewing more code faster isn't a strategy. In this lightning talk, Albert Franquesa introduces Control, Evidence, Trust, a simple model for leading t...

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

MCPs: How to Avoid Security Pitfalls

AI Coding Summit 2026

7 min

MCPs: How to Avoid Security Pitfalls

Gil Friedman

Backslash Security

Gil Friedman from Backslash Security discussed MCP security, focusing on the Model Context Protocol and AI assistant security risks like GitHub token exposure in auto run mode. Security measures for MCP usage include setting autorun to ask every time, postmarking MCP incidents, handling malicious servers, safeguarding sensitive information, reviewing and disabling unused tools, requiring permission before triggering actions, removing MCP from environments, and revoking API keys when necessary.

security

Latest

Supercharging Your Tooling With Rust

JSNation 2026

24 min

Supercharging Your Tooling With Rust

Maël Nison

Lead maintainer of Yarn

Mael from Mistral.ai discusses the evolution of Yarn, from its origins to the current Yarn 4 and plans for Yarn 6 in Rust. Yarn 4 to Yarn 6 in Rust, Stability, and Codebase Challenges. Challenges with Yarn's Codebase and Performance. Yarn's Performance Challenges and Multi-Ecosystem Support. Yarn's Multi-Ecosystem Vision and Lazy Installation. Yarn's Ecosystem Expansion and Rewrite Challenges. Yarn's Rewrite Efficiency and Test Reusability. Yarn's Rust Rewrite Challenges and Discoveries. Rust's Experimental Features and Challenges. Rust's Rewrite Challenges and AI Usage. Challenges of Integrating Rust Rewrite and Long-Term Maintenance. YARN's Performance Improvement and Long-term Vision.

tooling

Think Like a Tester: What to Look For in AI-Generated Code

Web Engineering Summit 2026

16 min

Think Like a Tester: What to Look For in AI-Generated Code

Wendy Erdheim-Poch

Elementor

Developers write code to make things work. Wendy, QA Automation Engineer, introduces John, a great developer who encounters challenges implementing a new feature. Checkout is critical for the company's existence, emphasizing its importance. When a coupon expires, issues arise with discounts. John faces challenges fixing the code, revealing different perspectives between developers and testers. Developers and testers are partners balancing each other's perspectives. Introducing the QAI for adding QA insights to development processes. Ensuring code matches agreements is crucial. Phase B scans code for potential issues. Code alignment is the gate to address discrepancies between agreements and code. Product oversight in code scenarios. Code failures can be concealed and dangerous. Handling hidden failures is crucial in code development. User faced invisible failures; handled vs. hidden code distinction. Fast code requires a security lens and skepticism. Trust gap between front end assumptions and back end validations. Distinguishing code gaps; AI lacks awareness; critical accessibility issues; distinct code failure types with separate focuses. Utilizing team patterns for efficiency; AI effectiveness through direction with QAI; improving code quality with QAI assistance. Contradiction between PRD and Figma resolved by John; Efficient bug fixing and code scanning; Enjoying exploring edge cases and unique challenges. Importance of clean code for efficient development; Addressing bugs at the right time saves resources; Transition from bug finding in development to production.

testing

Beyond Rubber Ducking - Engineering in Times of AI (LLMs)

TechLead Conf London 2026: Adopting AI in Orgs Edition

28 min

Beyond Rubber Ducking - Engineering in Times of AI (LLMs)

Carlos Fuentes

Auth0

We used to explain our bugs to rubber ducks. Now, the duck talks back, writes code, and occasionally lies to our faces.

LLMs are incredible tools. They can cure "blank screen syndrome," instantly write boilerplate, and explain weird legacy code. But treating them like senior engi...

productivity

Scaling Frontend Codebases for Humans and AI

React Advanced 2026

26 min

Scaling Frontend Codebases for Humans and AI

Dominik Dorfmeister

React-Query maintainer

Codebases grow over time, and as they do, they tend to get worse to work with. This usually isn't anyone's particular fault. People come and go, features get shipped, dependencies get added. It feels like a death by a thousand cuts.At Sentry, we noticed this too: Long CI pipelines, hundred...

case study

Maintaining Open-Source at the Age of AI

React Advanced 2026

20 min

Maintaining Open-Source at the Age of AI

François Best

47ng

“Open-source is dead”, according to X/Twitter. After all, why would we need to install tons of dependencies (with vulnerabilities and supply chain attacks ramping up), when our AI agents can re-implement everything for us?To be fair, rumours of its death have been strongly exaggerated: the...

open-source

How Not to Use TanStack Query

React Advanced 2026

19 min

How Not to Use TanStack Query

Neciu Dan

neciudan.dev

We built a product fully on TanStack Query and skipped adding a state management layer. It worked for a while, then it broke in ways we didn’t expect.This talk dives into how TanStack Query works, what we got wrong, and how to use it properly. From missing optimistic updates to confusing s...

state management

Self-Healing UI: Beautiful Idea, Brutal Data

React Advanced 2026

23 min

Self-Healing UI: Beautiful Idea, Brutal Data

Rohit Singh

Mentorship available

Tria (Prev Threely)

This talk is about an experiment I wanted to try and carried out. I wondered what if we gave React components self-healing properties? What if instead of developers checking Sentry for crashes and then fixing and sending it to prod, the component fixes the crash on its own at runtime? In this tal...

observability

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

React Advanced 2026

22 min

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

Amit Sheen

Creative Web Developer

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

fun demos

Learnings From 100+ Experiments Comparing LLMs for AI Coding

AI Coding Summit London

28 min

Learnings From 100+ Experiments Comparing LLMs for AI Coding

Povilas Korop

AI Coding Daily

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

best practices

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

React Advanced 2026

24 min

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

Ramona Schwering

GDE in Web Technologies and a Women Techmaker and Cypress Ambassador

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

security

JSNation 2022

24 min

Record & Tuple: Immutable Data Structures in JS

Top Content

Robin Ricard

Software Infrastructure engineer @ Bloomberg

Today's Talk introduces the concept of record and tuple in JavaScript, which provide a new way to handle data. The Talk explores the references and mutability of objects, strings, and numbers in JavaScript. It discusses the limitations of freezing objects and proposes record and tuple as a solution. The Talk also covers methods and syntax for tuples, the status of the proposal, and acknowledges the contributions of various individuals. Overall, the Talk aims to redefine how data is handled in JavaScript and encourages waiting for broader browser support before implementing these features.

javascript

React Query: It’s Time to Break up with your "Global State”!

React Summit Remote Edition 2020

30 min

React Query: It’s Time to Break up with your "Global State”!

Top Content

Tanner Linsley

Nozzle.io

Global state management and the challenges of placing server state in global state are discussed. React Query is introduced as a solution for handling asynchronous server state. The Talk demonstrates the process of extracting logic into custom hooks and fixing issues with state and fetching logic. Optimistic updates with mutation are showcased, along with the benefits of using React Query for data fetching and mutations. The future of global state management is discussed, along with user feedback on React Query. The Talk concludes with an invitation to explore React Query for server state management.

state management react query react global state react state management

Deno 2.0

Node Congress 2023

36 min

Deno 2.0

Top Content

Ryan Dahl

Node.js creator

The Talk discusses forced optimization with Node and Deno, with Deno aiming to pursue the same goals in a more expansive and modern way. Deno has built-in support for NPM and enforces security constraints. It also has a key-value database called Deno KV, which will be a core part of the Deno 2 API. Deno Deploy is a serverless Edge Functions platform powered by FoundationDB, optimized for fast reading and ideal for building eCommerce sites or application servers at the edge. Deno 2.0 is coming soon with more features under development.

deno builders and founders deno react preact edge functions

Domain Driven Design with Vue Applications

Vue.js London 2023

14 min

Domain Driven Design with Vue Applications

Top Content

Abdulrasaq Mustapha

<br>

Welcome to this talk on domain-driven design in Vue.js application. Today we are going to look into domain-driven design, its benefits and how it works with Vue.js domain-driven design versus the MVVM model. Vue.js thrives in domain-driven design, a design approach that models software to match a domain. DDD emphasizes understanding business logic and creating a domain that reflects the language and concepts. Integrating DDD in Vue.js offers benefits such as effective modeling of complex business domains, structured code reflecting domain logic, and easier onboarding and ownership.

vue design web apps vue 3

Levelling up Monorepos with npm Workspaces

DevOps.js Conf 2022

33 min

Levelling up Monorepos with npm Workspaces

Top Content

Ruy Adorno

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

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

monorepos npm devops

Routing in React 18 and Beyond

React Summit 2022

20 min

Routing in React 18 and Beyond

Top Content

Delba de Oliveira

Senior Developer Advocate @ Vercel

Routing in React 18 brings a native app-like user experience and allows applications to transition between different environments. React Router and Next.js have different approaches to routing, with React Router using component-based routing and Next.js using file system-based routing. React server components provide the primitives to address the disadvantages of multipage applications while maintaining the same user experience. Improving navigation and routing in React involves including loading UI, pre-rendering parts of the screen, and using server components for more performant experiences. Next.js and Remix are moving towards a converging solution by combining component-based routing with file system routing.

react patterns next.js react file based routing

Full-stack & typesafe React (+Native) apps with tRPC.io

React Advanced 2021

6 min

Full-stack & typesafe React (+Native) apps with tRPC.io

Top Content

Alexander Johansson

The creator of tRPC

Alex introduces tRPC, a toolkit for making end-to-end type-safe APIs easily, with auto-completion of API endpoints and inferred data from backend to frontend. tRPC works the same way in React Native and can be adopted incrementally. The example showcases backend communication with a database using queries and validators, with types inferred to the frontend and data retrieval done using Prisma ORM.

react typescript trpc with react native patterns trpc developer experience backend react native fullstack

Full Stack Documentation

JSNation 2022

28 min

Full Stack Documentation

Top Content

Rich Harris

Svelte Creator

The Talk discusses the shift to full-stack frameworks and the challenges of full-stack documentation. It highlights the power of interactive tutorials and the importance of user testing in software development. The Talk also introduces learn.svelte.dev, a platform for learning full-stack tools, and discusses the roadmap for SvelteKit and its documentation.

frameworks documentation svelte

Everything Beyond State Management in Stores with Pinia

Vue.js London Live 2021

34 min

Everything Beyond State Management in Stores with Pinia

Top Content

Eduardo San Martin Morote

Vue.js Core Team

State management is not limited to complex applications and transitioning to a store offers significant benefits. Pinia is a centralized state management solution compatible with Vue 2 and Vue 3, providing advanced devtools support and extensibility with plugins. The core API of Pinia is similar to Vuex, but with a less verbose version of stores and powerful plugins. Pinia allows for easy state inspection, error handling, and testing. It is recommended to create one file per store for better organization and Pinia offers a more efficient performance compared to V-rex.

state management pinia react vue

Vue: Feature Updates

Vue.js London 2023

44 min

Vue: Feature Updates

Top Content

Evan You

Vue.js & Vite Creator

The Talk discusses the recent feature updates in Vue 3.3, focusing on script setup and TypeScript support. It covers improvements in defining props using imported types and complex types support. The introduction of generic components and reworked signatures for defined components provides more flexibility and better type support. Other features include automatic inference of runtime props, improved define emits and defined slots, and experimental features like reactive props destructure and define model. The Talk also mentions future plans for Vue, including stabilizing suspense and enhancing computer invalidations.

vue frontend vue 3

React

Plug and Play Design: Building Extendable React Applications

React Summit US 2025

29 min

Plug and Play Design: Building Extendable React Applications

Mateusz Jagodziński

Workflow Builder

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

react

From Fiber to Async React

React Advanced 2026

29 min

From Fiber to Async React

Nonso Otoh

Konrad Group

Almost a decade ago, React’s rendering algorithm was rebuilt, and with that it brought about new tools, ideas, and ways of building UI. But those tools arrived incrementally and were adopted in isolation, often framed as “optimizations” rather than part of a unified model. So are they truly indep...

react performance

React Beyond the DOM

React Summit US 2025

27 min

React Beyond the DOM

Erik Rasmussen

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

react

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

React Summit US 2025

125 min

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

Workshop

Aurora Scharff

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

react

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

React Summit US 2025

29 min

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