Upcoming events
Web Development insights directly from framework authors and early adopters.
Talks from our events
Articles
Top ideas
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: Why Engineers Must Become Multipliers in the AI-Era
- Talk: Current Trends in AI for Technical Hiring
- Talk: Walking the Netflix Paved Road (Bumps Included): Web Framework, Hawkins Design System
- Talk: Pocket Guide to Seniority
- Talk: Transforming Your Tech Interviews in the AI Agent Age
... and 15 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
Trending today
AgentCraft: Putting the Orc in Agent Orchestration
AI Coding Summit 2026
10 min
AgentCraft: Putting the Orc in Agent Orchestration

Welcome to AgentCraft with Iddo Salomon, AI lead. Scale up agents for efficient work but consider cognitive overload. Agent orchestrators are crucial for task management and real-time reactions. AgentCraft is a tool inspired by real-time strategy games to manage agents effectively, with features like heroes and buildings. It visualizes repository files through terrain projection, simplifies code inspection, and enhances task management with cloud code support. Task delivery is streamlined with code merging, quests, and hero summoning for project improvement.
Temporal: The Curious Incident of the Wrong Nighttime
JSNation 2025
25 min
Temporal: The Curious Incident of the Wrong Nighttime

Speaker's involvement in Temporal proposal and TC39 meetings for JavaScript standardization. Date conversion challenges faced in development. Addressing time zone discrepancies with Temporal to prevent bugs. Exploration of Temporal types and design philosophy. Usage of Java's time zone serialization in JavaScript Temporal. Challenges in implementing Temporal proposal and its transformative potential in ECMAScript.
How I Build Web Applications in 2026
AI Coding Summit 2026
31 min
How I Build Web Applications in 2026
Top Content

Kent C. Dodds discusses building web applications in 2026, highlighting the importance of user experience and challenges in offline video downloads. Recent AI advancements in the Epic Workshop app enable offline video downloads with features like bulk downloads and quality control. Efficient AI agent management using agents like Cursor transforms workflow. Leveraging Laravel and Ruby on Rails, Ask Mode enhances project understanding by communicating with AI agents. Emphasizing clear task scoping, iterative planning, and agent feedback improves project development. Utilizing MCP tools and agent workflow, including BugBot for code review, optimizes app development. Closing the agent loop and emphasizing architecture's role in utilizing agent input context are crucial. The talk invites developers to become experienced AI agent managers and join the mailing list for updates.
Vuetify 3: Titan
Vue.js London Live 2021Watch video: Vuetify 3: Titan
20 min
Vuetify 3: Titan
Top Content

Hi, I'm John Leader, the creator of Viewtify. Viewtify 3 is the upcoming version with new design concepts, improved usability, and compatibility with modern browsers. The framework has added new features like a validation system, style diversity, semantic customization options, and a density concept. Enhanced customization options, improved performance, and advanced browser support with CSS variables are also highlights of Viewtify 3.
Raygui: An Immediate-Mode C UI for Wasm Tools Development
JS GameDev Summit 2023
19 min
Raygui: An Immediate-Mode C UI for Wasm Tools Development
Top Content

Welcome to the presentation of RightGui, an immediate mode CUI library for tools development. RightGui is a high-performance library that is stateless and uses small self-contained functions to process inputs and draw controls. It provides a variety of controls, customizable styles, and support tools for live style configuration. Additionally, there are tools like the icons editor and layout creator that allow for customizations and code generation. Reiki offers a variety of tools, including a sound editor, image manipulation canvas, and resource packer.
React Code Reviews in Open Source: Ensuring Quality and Collaboration
React Advanced 2023Watch video: React Code Reviews in Open Source: Ensuring Quality and Collaboration
6 min
React Code Reviews in Open Source: Ensuring Quality and Collaboration

Open Source promotes accessibility, inclusivity, collaboration, innovation, transparency, and trust. Code reviews are a collaborative process in software development, with challenges including language barriers, documentation changes, and review backlog. Best practices for effective code reviews include clear objectives, focusing on the code, and using code review tools. Linters are important for scanning code issues, and measuring success in code reviews can be done using key metrics. React Code Reviews are crucial for the success of open-source projects.
Meet React Flight and Become a RSC Expert
React Day Berlin 2024
31 min
Meet React Flight and Become a RSC Expert
Top Content

My name is Mauro and I work for a company called Doubleloop in Italy. Today, I'm going to share my learning journey through puzzles and challenges related to React Server Components (RSC). RSC allows for server-side rendering and streaming of components. React flight, a protocol used to serialize and share rendering jobs, is a key feature of RSC. RSC can be used without a server, known as React Serverless Components. Using RSC, different types of content can be switched using the useState hook. RSC can be effectively used on a server by starting Node.js with a specific flag. Client-only components recognized by RSC can be executed on the client. React Streaming Components introduces the streaming concept and allows for continuous updates of the page. Advanced features of React Streaming Components include asynchronous rendering, suspense, and recursion. The React Strange Constraints challenge focuses on optimizing rendering by sending the initial page as HTML. The use of a proxy and RSE payload allows for client hydration of RSC. The possibility of using languages other than JavaScript, such as Rust, for server components is explored. RSC has the potential to become a language-agnostic protocol. The meaning of client-server roles in RSC can be extended. RSC offers streaming capabilities and the ability to balance server and client work. Infinite streaming is possible with server sockets. RSC hydration is believed to be faster than regular hydration. The Talk concludes by encouraging questions during the Q&A session.
Beyond React Testing Library: Testing React Libraries (and library-like code)
React Day Berlin 2024
22 min
Beyond React Testing Library: Testing React Libraries (and library-like code)

My talk is called Beyond Testing Library, Testing React Libraries or Library-like Code. We want to optimize code by minimizing re-renders, avoiding tearing, and ensuring granular rendering. React Testing Library may not always be the right tool for libraries or library-like code. We test for synchronous results, but there are cases where unwanted re-renders and inconsistencies can occur. We need to avoid flaky tests and bug propagation. The new Testing Library React Render Stream library simplifies testing by replacing complex wrappers and assertions. We test for multiple independent components and ensure correct re-rendering. We introduce Suspense and DOM snapshotting to test granular rendering. The final test provides increased confidence and meets all special requirements.
Why Is Building a Multiplayer Game So Hard and What Can We Do to Fix It for Everyone
JS GameDev Summit 2023
18 min
Why Is Building a Multiplayer Game So Hard and What Can We Do to Fix It for Everyone

Asad Nehman discusses the challenges of making multiplayer games and suggests ways to simplify the process. He highlights the need for a backend, such as a Node.js server with Socket.io, to handle player connections. Rooms are introduced to connect players and their friends, allowing communication within each room. Hosting options like AWS EC2, Vercel, and Netlify can help scale the game globally. Playroom framework eliminates the need for server code, lobby systems, and managing player profiles.
119 min
Advanced Cursor Techniques for Building Fullstack Apps
Workshop
In this workshop, you’ll learn a repeatable process for building full stack apps in Cursor. We’ll start with an idea and use an agent to shape clear requirements. Next, we’ll generate a database schema and set up the build tools. Then we’ll create the backend and frontend, and wire the layers tog...
Featured
Catch, trace, and fix bugs across your entire stack Learn more
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 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.
179 min
Exploring Server Side Rendering
Featured Workshop
Server-side rendering (SSR) is back in the spotlight – and React is evolving fast. In this workshop, we’ll go deep into the mechanics, performance trade-offs, and modern techniques of SSR with React.js. You'll start by building an SSR app from scratch – no frameworks, just raw renderToString and...
91 min
From Frontend to Fullstack Development With Next.js
Top Content
Featured Workshop
Join us as we journey from React frontend development to fullstack development with Next.js. During this workshop, we'll follow along the official Next.js Learn tutorial with Eric Burel, professional trainer and author of NextPatterns.dev. Together, we'll set up a Next.js website and explore its...
Why Node.js Needs an Application Server
Node Congress 2026
18 min
Why Node.js Needs an Application Server

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.
65 min
How to Build Full-Stack Apps Using Cursor
Featured WorkshopFree
In this workshop, I’ll guide participants through a process for building full-stack applications using Cursor. We’ll cover setting up Cursor workflows, including rules, commands, and custom modes, to streamline development. We will use Cursor to draft PRDs, database schema, etc and a simple SOW....
No REST for Cap'n Web
Node Congress 2026
23 min
No REST for Cap'n Web
Top Content

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.
The State of Node.js 2025
JSNation 2025
30 min
The State of Node.js 2025
Top Content

The speaker covers a wide range of topics related to Node.js, including its resilience, popularity, and significance in the tech ecosystem. They discuss Node.js version support, organization activity, development updates, enhancements, and security updates. Node.js relies heavily on volunteers for governance and contribution. The speaker introduces an application server for Node.js enabling PHP integration. Insights are shared on Node.js downloads, infrastructure challenges, software maintenance, and the importance of update schedules for security.
We Deserve a Better Streams API for the Web
Node Congress 2026
30 min
We Deserve a Better Streams API for the Web

James Snell discusses challenges in current stream APIs, proposes a new, faster, and simpler streams API while questioning the existing Web Streams model. Discussion includes the necessity for a new API due to excessive ceremony, confusing locking mechanisms, and complex specifications, especially in controller APIs. Challenges with controller API optimization, hidden buffering, and excessive memory usage are highlighted. The talk delves into the cost and complexity of promises in JavaScript, optimizing readable streams, and managing complexity in stream implementations. Optimizing stream processing in JavaScript, data chunk processing, back pressure policies, multi-consumer patterns, and efficient branch cursor management are explored. The new API aims at simplifying stream processing by eliminating unnecessary operations, reducing promise overhead, and focusing on iterators, transforms, and back pressure for efficiency and simplified design.
46 min
Building Full Stack Apps With Cursor
Featured Workshop
In this workshop I’ll cover a repeatable process on how to spin up full stack apps in Cursor. Expect to understand techniques such as using GPT to create product requirements, database schemas, roadmaps and using those in notes to generate checklists to guide app development. We will dive furth...
96 min
The React Developer's Guide to AI Engineering
Featured WorkshopFree
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...
Short takes
Deploy Your AI Code in Minutes
AI Coding Summit 2026
7 min
Deploy Your AI Code in Minutes

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.
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 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.
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, 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.
Reimagine Frontend in the Serverless Era
React Summit 2025
8 min
Reimagine Frontend in the Serverless Era

Evangelia, tech founder of Fioromat Academy, discusses the impact of serverless technologies on frontends, emphasizing a shift towards lightweight, stateless backends split into smaller units and the increased importance of API gateways and serverless functions. The discussion also highlights the significance of optimistic state updates, caching strategies to reduce API calls, resilient connection handling with retries for failed HTTP calls, granular error handling at the component level, and custom fallback UI per component. Overall, the Talk emphasizes the evolving frontend architectures and the necessity of adapting to changes in data structures and technologies.
Navigating Islands of Interactivity
React Advanced 2025
9 min
Navigating Islands of Interactivity

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

Inosency Andembera, React developer, discusses using React for building scalable, secure, and inclusive applications for emerging markets like Malawi and Africa. Addressing challenges of Internet connectivity, device limitations, security concerns, and inclusivity for first-time Internet users. Utilizing React for performance, security, and inclusion in emerging markets through code splitting, lazy loading, authentication, input validation, multiple language support, and simple UIs. Highlighting React's features in enhancing inclusion by addressing challenges in emerging markets, such as limited digital literacy, creating simple UIs, supporting multiple languages, internationalization, step-by-step UIs, and semantic HTML for accessibility. Zunga, a financial platform in Malawi, showcases React's benefits in addressing financial service gaps, scalability, offline support, and security enhancements.
Server Components Wars: PHP Strikes Back
React Summit 2025
6 min
Server Components Wars: PHP Strikes Back

Edoardo, a senior dev rel at Storyblok, delves into server components' intricacies, urging a better understanding. The evolution from PHP to React marked a shift in web development paradigms, emphasizing server-side rendering and dynamic client interactions. Facebook transitioned from PHP to React, introducing XHP subset. Isomorphic JavaScript and server-side rendering emerged with data requests and content rendering. React server components enable server-side rendering with data fetched from DBMS or CMS, emphasizing patterns for seamless transitions to new frameworks.
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 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.
No Dependencies, No Problem: Streaming AI Over the Phone
JSNation 2025
6 min
No Dependencies, No Problem: Streaming AI Over the Phone

Marius from Twilio demonstrates building AI agents for phone calls, addressing latency issues by leveraging Twilio's infrastructure and third-party providers like 11 Labs and Google Cloud. Configuration includes WebSocket integration for message handling, static responses, and text-to-speech with 11 Labs. AI integration involves GPT4 or mini model for conversation history storage. A live demo showcases an AI voice assistant with instant responses and latency improvements.
Using Spec-Driven Development for Production Workflows
JSNation US 2025
7 min
Using Spec-Driven Development for Production Workflows

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.
Latest
Transforming Your Tech Interviews in the AI Agent Age
TechLead Conf London 2025: Adopting AI in Orgs Edition
11 min
Transforming Your Tech Interviews in the AI Agent Age

Anna McDougal, director of engineering operations at Blinkist, presents the McDougal method for technical interviews aiming to improve their effectiveness by leveraging emerging technologies. The challenges in technical interviews involve the inadequacy of measuring the right skills through traditional methods like DSA problems and take-home tests. The speaker questions the necessity of perfection in engineering hires and emphasizes problem-solving skills over perfection, especially with AI tools. Hiring criteria are evolving with a focus on attitude alignment and cultural addition rather than just fit. Maximizing value in hiring involves seeking candidates with aligned goals and the necessary toolkit for the job. Ensuring technical interviews reflect actual job conditions and tool usage is crucial, and encouraging experimentation and feedback on proposed methods is essential for improvement.
React Native as a Gaming UI System in Unreal Engine
React Advanced 2025
20 min
React Native as a Gaming UI System in Unreal Engine

Talk on React Native as a Gaming UI System in Unreal Engine, covering the integration journey, importance in mobile app development, and current methods of game UI creation. Innovative approach of rendering UI in games using a browser headlessly onto a texture. Challenges and benefits of using React Native for game UIs, including handling JavaScript overrides and showcasing a demo. Exploration of applying shaders to React Native UI in a gaming context and invitation to engage with React Native on Unreal Engine for future game development.
97 min
Build a MCP (Model Context Protocol) in Node.js
Featured Workshop
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...
Panel Discussion: Write Once, Render Anywhere
React Advanced 2025




33 min
Panel Discussion: Write Once, Render Anywhere





4 authors
Taz Singh, experienced JavaScript developer, recalls early struggles with JavaScript for video games. Transitioned to React development after initial skepticism. Explored React Native for mobile app development and React Native web. Introducing Nicola Corti, Jorge, and Swan from React teams. Swan questioned on moving from React to Linx. Discussion on React, Linx, and shared experiences. Discussing the challenges and importance of open source advocacy and aligning internal priorities with external ecosystem growth at big tech companies like Meta and ByteDance. Discussing the alignment of internal priorities with external ecosystem growth and the challenges faced in open-sourcing technologies at ByteDance and Meta. React Native's focus on React, combined with efforts to make web technologies work effectively, showcases diverse perspectives in enhancing technology solutions and fostering collaborative learning. Amazon's groundbreaking shipping of React Native, coupled with a democratic approach to React's evolution, signals the next chapter for the ecosystem and community. AI's impact on cross-platform development, the use of agents for React and React Native, and challenges in maintaining app parity between platforms. AI's role in UI frameworks evolution and the importance of human-centric design for AI integration, gratitude for open-source contributions.
Agentic by Default: Rethinking Developer Workflows with Claude Code
AI Coding Summit 2026
29 min
Agentic by Default: Rethinking Developer Workflows with Claude Code

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.
How AI is Impacting Engineering Leadership
TechLead Conf London 2025: Adopting AI in Orgs Edition
34 min
How AI is Impacting Engineering Leadership

The speaker discusses the impact of AI on engineering leadership and shares personal journey and goals. Sensationalistic AI predictions induce fear of missing out among engineering leaders, leading to negative perceptions. Unrealistic AI expectations affect motivation and industry sentiment. Strategies for effective AI adoption include starting small, prioritizing culture over tools, and staying informed. Engineering roles are evolving towards a convergence, focusing on human-related skills and problem-solving in the AI era. Balancing code writing and reviewing, supporting junior colleagues, and navigating career progression are crucial for engineering leadership development.
Benchmarking State Management Libraries in Data-Heavy React Apps
React Advanced 2025
14 min
Benchmarking State Management Libraries in Data-Heavy React Apps

Elina, front-end developer at PhysicsX, compares state management library performance. Data-heavy UI visualization challenges. Recoil replaced; exploring Jotai, Redux Toolkit, Zustand, MobX. Does the library choice significantly impact real app performance? Real timings measurement experiments; safe-to-state time and render time analysis across libraries with various payload sizes. Jotai, MobX, Recoil, and RTK performance focus. Comparing Recoil, Jotai, RTK, Redux, and MobX in state management. User interaction testing for state propagation and highlighting across plots. Performance comparison of state management libraries focusing on rendering and optimization experiments with plot updates. Libraries compared for performance in storing dates and rendering data on plots. Rankings show Recoil, MobX, Jotai around two seconds, Zustand, RTK around four seconds. Consider library fit with your data structure and design state shape and subscription boundaries accordingly.
Unlocking the Power of the Dependency Graph
Node Congress 2026
19 min
Unlocking the Power of the Dependency Graph

Rui Adorno emphasizes the power of dependency graphs in JavaScript projects, highlighting the underutilized graph structure and the importance of understanding metadata. The discussion delves into advanced dependency selector syntax, integrating query language with VLT client for updates and additions, running tests, and updating versions. The exploration of VLT client features includes secure package installs, phased installation processes, and DSS capabilities. Multi-project package filtering is expanded through DSS query language with a host local selector for benefits like script inspection and AI agents.
Production-like Testing in CI/CD with Testcontainers and Node.js
Node Congress 2026
17 min
Production-like Testing in CI/CD with Testcontainers and Node.js

Welcome to a talk on testing Node.js apps in production using Test Container. Developing features, passing unit tests, and deploying can be smooth. Issues post-deployment due to integration gaps are common. Test Container library facilitates real-world integration testing by encapsulating services in Docker containers. Enhancing Docker Compose with Test Containers streamlines container management. Running tests with Redis Docker image and testing with Walkie Container demonstrate easy service swapping. Dynamic port allocation and image loading considerations for isolated infrastructure.
Always Accurate Documentation
React Advanced 2025
11 min
Always Accurate Documentation

As a designer and engineer, I've faced challenges with outdated documentation causing friction and trust erosion. Documentation drift arises from scattered sources and lack of a single reference, leading to ambiguity and staleness. React server components offer benefits like server-side rendering, composition flexibility, and lazy evaluation for enhancing documentation quality. By directly generating documentation from the TypeScript compiler, React server components ensure accurate and up-to-date content, improving documentation accuracy and flexibility.
Popular
Effective Performance Testing to your Server with Autocannon
TestJS Summit 2021
36 min
Effective Performance Testing to your Server with Autocannon
Top Content

Tamar is an experienced code writer and architect with expertise in Node.js. Performance testing can be confusing, but understanding terms like throughput and the 99th percentile is crucial. The 99th percentile is important for making commitments and ensuring customer satisfaction. AutoCanon is a powerful tool for simulating requests and analyzing server performance. It can be installed globally or used as a library in Node.js. Autocannon is preferred over Gatling for performance testing and can be integrated with end-to-end tests in Cypress.
53 min
Next.js 13: Data Fetching Strategies
Top Content
Workshop
- 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...
Vue: Feature Updates
Vue.js London 2023Watch video: Vue: Feature Updates
44 min
Vue: Feature Updates
Top Content

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.
SolidJS: Why All the Suspense?
JSNation 2023
28 min
SolidJS: Why All the Suspense?
Top Content

Suspense is a mechanism for orchestrating asynchronous state changes in JavaScript frameworks. It ensures async consistency in UIs and helps avoid trust erosion and inconsistencies. Suspense boundaries are used to hoist data fetching and create consistency zones based on the user interface. They can handle loading states of multiple resources and control state loading in applications. Suspense can be used for transitions, providing a smoother user experience and allowing prioritization of important content.
Let’s Talk about Re-renders
React Summit 2022
23 min
Let’s Talk about Re-renders
Top Content

This Talk discusses React performance and how re-renders can affect it. It highlights common mistakes and misconceptions, such as the overuse of useMemo and useCallback hooks. The importance of React.memo in preventing unnecessary child component re-renders is emphasized. Creating components in render functions is identified as a major performance killer, and the benefits of moving state down and wrapping state around children are explained. The Talk also covers optimizing component rendering through memoization and provides a recap of the key points.
React Query - The Bad Parts
React Day Berlin 2024
30 min
React Query - The Bad Parts
Top Content

React Query is a popular library with significant weekly downloads and positive user sentiment. It may have trade-offs like bundle size, but the actual size shipped is smaller. Bundle size optimization can be achieved by exporting only necessary features. React Query's declarative approach eliminates the need for custom data fetching solutions. It offers caching, request duplication, background updates, and more. RackQuery doesn't support normalized caching, but refetching after invalidation works fine. React's vision includes suspense architecture and server components. The documentation could be improved with a more structured flow. TensorStack Query can be a good choice for Next.js apps, but not necessary with mature frameworks. The 10 stack query and router concepts were discussed. Combining React Query with HTTP caching provides a robust caching solution.
Building a JS Engine -- For Fun!
JSNation 2024
9 min
Building a JS Engine -- For Fun!
Top Content

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.
React Slots: a New Way of Composition
React Advanced 2022
21 min
React Slots: a New Way of Composition
Top Content

Today's Talk introduces React Snots, a new way of composition for design systems. The configuration way provides flexibility but can lead to uncontrolled use cases and wrong patterns. React Slots RFC was created to address the limitations of React's support for web components and slots. It introduces createHost and createSlot APIs to enable component composition and solve previous problems. React Slots RFC allows for flexible component styling and the creation of complex structures without rendering them to the browser.
117 min
Detox 101: How to write stable end-to-end tests for your React Native application
Top Content
Workshop
Compared to unit testing, end-to-end testing aims to interact with your application just like a real user. And as we all know it can be pretty challenging. Especially when we talk about Mobile applications.
Tests rely on many conditions and are considered to be slow and flaky....
Tests rely on many conditions and are considered to be slow and flaky....
You Do Have Time to Build it Twice
React Summit 2022
21 min
You Do Have Time to Build it Twice
Top Content

Today's Talk focuses on software rewrites, specifically the transition from jQuery to React. The speaker shares their experience of rewriting a jQuery app to React, highlighting the benefits of the rewrite in terms of improved user experience and increased conversions. Approaches to software rewrites are discussed, including the page-by-page approach which allows for product innovation. The speaker emphasizes the importance of prioritizing rewrites or refactors for startups. The Talk concludes with insights on testing, server-side functionality, and the overall value of the rewrite.
JavaScript
10 Years of Best of JS
JSNation 2025
28 min
10 Years of Best of JS

Michael discusses the evolution of JavaScript from its early days to modern server-side capabilities, the impact of jQuery, Node.js, and single-page applications with popular libraries like Backbone and AngularJS. The emergence of UI libraries like React, Vue.js, and Angular, alongside meta frameworks like Next.js, Remix, Veltkit, and Solid with server components. The Best of JS project tracks JavaScript project trends, filters out deprecated projects, and monitors GitHub stars for maintenance. The importance of maintaining project relevance, adding new projects continuously, and classifying projects under meaningful tags. The evolution of TypeScript, tool releases like Deno and Burn, styling evolution from CSS to headless components, and the impact of Tailwind CSS. Analysis of CSS optimization, CLI ecosystem, tooling trends, emerging tools, and JavaScript development trends over the past decade.
Temporal: The Curious Incident of the Wrong Nighttime
JSNation 2025
25 min
Temporal: The Curious Incident of the Wrong Nighttime

Speaker's involvement in Temporal proposal and TC39 meetings for JavaScript standardization. Date conversion challenges faced in development. Addressing time zone discrepancies with Temporal to prevent bugs. Exploration of Temporal types and design philosophy. Usage of Java's time zone serialization in JavaScript Temporal. Challenges in implementing Temporal proposal and its transformative potential in ECMAScript.
React
Panel Discussion: The State of React
React Summit 2025







35 min
Panel Discussion: The State of React








7 authors
Panelists introduced themselves and discussed React Server Components (RSCs), exploring usage in production and alternative frameworks. Challenges of adopting RSCs and benefits of universal data fetching were highlighted. The complexities of implementing RSCs were discussed, emphasizing the need for better integration. The potential of server components for composability and evolving architecture was explored. The React compiler's impact on performance optimization and component re-rendering was examined. Discussions included enhancing React with compiler features, evolving feature sets, and reimagining state management. Improvements in communication, community engagement, and dependency management within the React ecosystem were emphasized. Recommendations for managing dependencies, component performance, and audience appreciation were shared.
Suspenseful Component Composition
React Summit US 2025
12 min
Suspenseful Component Composition

Simeon Griggs discusses Suspenseful Component Composition, the use of fallback props, and the basics of suspense in React applications with a demo showcasing data fetching and layout shifting. Exploring issues with data fetching and suspense boundaries. Addressing the challenges of using suspense boundaries and data fetching for individual rows in React applications. Creating consistent fallback elements for smooth loading experiences in tables by aligning sizes and optimizing data fetching placement. Optimizing data fetching placement for smoother loading experiences. Consider exporting suspense boundary to enhance code cleanliness and be defensive against data fetching errors. Use error boundaries to handle errors in suspenseful data fetching components for a smoother user experience.
How to React Compiler
React Summit 2025
20 min
How to React Compiler
Top Content

Introduction to React compiler, differences from React 19, installation of Babel plug-in React compiler, specifying target React versions, and how React compiler detects and processes component dependencies. Configuring React compiler settings, exploring default options and configurations, utilizing React compiler playground website for configurations, dealing with JSX markup re-computation. React compiler feature for extracting JSX from array map callbacks, limitations of enable function outlining, enabling JSX outlining for separate functions. Function memoization in React compiler, React compiler beta stage, potential errors with React compiler. React compiler error: memorization preservation, hidden messages, validation settings. React compiler: validation tools, hooks treatment, memorization challenges. Changing hooks to functions for React compiler optimization. React Compiler usage considerations and potential optimizations.
125 min
Hands-on React Server Components, Server Functions, and Forms in the Next.js App Router
Workshop
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...
The State of React and the Community in 2025
React Summit 2025
29 min
The State of React and the Community in 2025

Mark Erickson discusses the state of React in 2025, React community debates on React's direction and misconceptions, React's shift towards client-side frameworks and SSR emphasis, React's feature development process at Meta and Vercel, controversy around Vercel's server components involvement, tight relationship between React and Next, React team's emphasis on frameworks for app performance, critique of React's heavy-handed framework recommendation, React team's delay in adding VEET as a recommended tool, challenges with server components' origins and communication, no official signals support planned for React 19, social media impact on React development decisions, React community diversity and server components usage insights, React's evolving black box concept and tradeoffs discussed.
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

Talk on cross-platform React using ReactStrict DOM to unify web and native React, standardizing for consistent UI development. Fragmentation challenges in React due to lack of standardized styling systems, impacting development efficiency and product consistency. Exploring unsuccessful cross-platform React approaches and the importance of minimizing migration costs. Enabling web developers to build native apps with React Native while enhancing it with web APIs for seamless code migration. Benefits of code sharing for cross-platform apps, AI integration for React Strict DOM, and the future vision for React Native as a web renderer. Unified styling in React Native, Tailwind integration, and UI best practices. Flexibility and readiness in React DOM, potential inclusion in React Foundations, and considerations for reversibility of decisions in React DOM.
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

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

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.
121 min
TDD in Frontend
Workshop
Tests first, code last!How to develop your frontend that the code isn't falling apart? How to make it scary free to deliver your work results? How to battle bugs that are chasing you at every step you make?I am going to answer these questions during the workshop and show how to foll...
The State of React
React Summit 2025
26 min
The State of React

Introduction to the State of React survey and the history of developer surveys. Detailed analysis of survey results, user demographics, and job titles. Examination of React API trends, user sentiment towards APIs, and new API challenges. Analysis of React library satisfaction, particularly with Next.js. Discussion on React state management and data loading, including pain points. Insights on React library usage patterns and application trends. Key takeaways include staying calm, appreciating foundational React elements, and relying on data for a balanced view.
Free workshops
73 min
Building Model Context Protocol (MCP) Tools for AI Agents with Cloudflare Workers
WorkshopFree
In this hands on workshop participants will learn how to create a production‑ready Model Context Protocol (MCP) server on Cloudflare Workers. The session covers defining tool endpoints, integrating external APIs, persisting state with KV storage, and globally deploying the server so AI assistants...
34 min
Building with Gemini: AI Studio, Antigravity, and Google DeepMind's Latest Models
WorkshopFree
In this hands-on session, we'll dive straight into the practical mechanics of working with Google DeepMind’s latest research and models. We'll explore Google AI Studio, Antigravity, and the Gemini APIs, focusing on how to seamlessly integrate these capabilities into your own projects. If you're l...
53 min
"Hello World" on OpenShift AI: Training Your First Neural Network
WorkshopFree
Join us for an interactive workshop where you'll train your first neural network using the classic MNIST handwritten digit dataset. In this hands-on session, participants will use OpenShift AI 3.x Workbenches to build and train a PyTorch model that recognizes handwritten digits from images.
52 min
Hands-On Guide to Secure AI-Driven Coding
WorkshopFree
Modern AI coding agents don’t just autocomplete. They execute, connect, and automate. With the wrong settings, they can access more of your system than you intended. In this session, I’ll demonstrate how agent autonomy, MCP integrations, and Skills can lead to unexpected security risks. Through e...
49 min
Ship a Production Voice Agent: A Hands-on Workshop
WorkshopFree
Ready to bring conversational AI to life? In this hands-on workshop, we'll walk through deploying a real-time voice agent using Render's cloud platform. You'll work directly with LiveKit's voice agent template to create an interactive AI assistant that can listen, think, and respond naturally thr...
87 min
Build Your Dream Extensions with AI
WorkshopFree
In this interactive workshop, you’ll build a working internal browser extension you and your team can use to share context across apps you use daily. We’ll start with a practical, real-world example: a web clipper that you’ll customize to send content from GitHub to your team’s communication tool...
76 min
Using Sandboxes to Safely Execute Untrusted or Dynamic Code
WorkshopFree
This workshop introduces Sandboxes as a general computing primitive and uses Cloudflare Sandboxes as the concrete implementation. Participants explore common, real-world use cases for sandboxed execution and learn how to reason about when and why sandboxes are the right tool.
The works...
The works...
141 min
Building AI workflow editor UI in React with Workflow Builder SDK
WorkshopFree
Join us to learn how to build your own Zapier-like interface in days, not months. Discover how to save 1,000+ hours of design and coding upfront, building a complex workflow editor UI from scratch. Customize it for AI orchestration, automations, business processes visualization and other real-wor...
145 min
Build LLM agents in TypeScript with Mastra and Vercel AI SDK
Featured WorkshopFree
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...
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...
109 min
How To Enhance an Existing React App With AI, Without Rewriting It From Scratch
WorkshopFree
In this workshop, we will incrementally augment an existing React application with AI. I'm sure most of you probably already maintain a React app, so rather than starting from the ground-up, let's take something that already works, and develop some patterns for adding practical, real-world AI fea...
Upcoming events
Subscribe to the top JS conferences
and grow in-depth as engineer with insights from library authors and core teams
Learn more




































































