Upcoming events
JSNation 2026
JSNation 2026
Jun 11 - 15, 2026
React Summit 2026
React Summit 2026
Jun 11 - 15, 2026
Node Congress 2026
Node Congress 2026
Mar 26 - 27, 2026
Web Engineering Summit 2026
Web Engineering Summit 2026
Jun 11 - 15, 2026
TechLead Conf Amsterdam 2026: Adopting AI in Orgs Edition
TechLead Conf Amsterdam 2026: Adopting AI in Orgs Edition
Jun 11, 2026
React Advanced 2026
React Advanced 2026
Oct 23 - 26, 2026
JSNation US 2026
JSNation US 2026
Nov 16 - 19, 2026
React Summit US 2026
React Summit US 2026
Nov 17 - 20, 2026
React Day Berlin 2026
React Day Berlin 2026
December, 2026
Web Development insights directly from framework authors and early adopters.
Talks from our events
AI Coding Summit 2026
AI Coding Summit 2026
Feb 26 - 27, 2026
TechLead Conf London 2025: Adopting AI in Orgs Edition
TechLead Conf London 2025: Adopting AI in Orgs Edition
Nov 28, 2025
React Advanced 2025
React Advanced 2025
Nov 27 - Dec 1, 2025
React Summit US 2025
React Summit US 2025
Nov 18 - 21, 2025
JSNation US 2025
JSNation US 2025
Nov 17 - 20, 2025
AI Coding Summit
AI Coding Summit
Oct 23 - 24, 2025
TechLead Conference 2025: AI in Orgs
TechLead Conference 2025: AI in Orgs
Sep 18 - 19, 2025
React Summit 2025
React Summit 2025
Jun 13 - 17, 2025
JSNation 2025
JSNation 2025
Jun 12 - 16, 2025
Node Congress 2025
Node Congress 2025
Apr 17, 2025
Productivity Conf for Devs and Tech Leaders
Productivity Conf for Devs and Tech Leaders
Mar 27 - 28, 2025
React Day Berlin 2024
React Day Berlin 2024
Dec 13 - 16, 2024
Articles
Top ideas
Deep Dives
Deep Dive: Growing to Tech Lead

Growing to Tech Lead

This Deep Dive covers all the aspects of Software Engineer's growth into Tech Lead and Staff positions. Learn directly from distinguished engineers which foundational hard and soft skills you must invest in to accelerate carreer growth.

Become an irreplaceble engineer - attend events, discussions and workshops throughout the year together with your peers and field experts.

  • Talk: 5 Tough Conversations Managers Need to Have
  • Talk: Leadership Insights From Growing 2X in 8 Months
  • Talk: How AI is Impacting Engineering Leadership
  • Talk: Staying Human in the Age of AI: What Tech Leaders Need to Preserve
  • Talk: Thinking Like an Architect
... and 10 more talks and workshops
Deep Dive: AI Assisted Coding

AI Assisted Coding

Learn how to navigate rapidly evolving evolution of developer tools supercharged by AI instruments. From writing efficient prompts, to delegating work via agents and automated code reviews.

Follow this Deep Dive to see what the most productive teams and developers are using in practice and how to apply this in your daily tasks.

  • Talk: Design to Code Using a Custom Design System with AI
  • Talk: The AI-Native Software Engineer
  • Talk: Sub Agent Context Sharing: How to Enable Effective Sub Agents for Coding
  • Workshop: Advanced Claude Code Techniques: Agentic Engineering With Context Driven Development
  • Workshop: Model Context Protocol (MCP) Deep Dive: 2-Hour Interactive Workshop
... and 11 more talks and workshops
Deep Dive: Mastering Full-stack

Mastering Full-stack

With an increasing demand for Software Engineers capable of solving a wider array of tasks, it's crucial to quickly adapt to changing landspace and cover Full-stack fundamentals.

Every year we see more developers identifying themselves as Full-stack, learn what real-life practitioners are focusing in their roles and focus on what's important.

This Deep Dives explores everchanging role of a Full-stack developer in the age of AI assisted development.

  • Talk: React Server Components in Kubernetes: Ship Happens
  • Talk: Node.js: More Threads Than You Think
  • Talk: What Happens When an AI Has Access to a Node.js Environment? Spoiler: Wild Things
  • Talk: Meta Framework for Kubernetes: TypeScript Meets Cluster Control
  • Workshop: Exploring Server Side Rendering
... and 15 more talks and workshops
Trending today
Advanced Claude Code Techniques: Agentic Engineering With Context Driven Development
JSNation US 2025JSNation US 2025
29 min
Advanced Claude Code Techniques: Agentic Engineering With Context Driven Development
Image
Welcome to a guide on context engineering, focusing on using errors to our advantage and building a self-evolving AI coding assistant. Transitioning from engineering to AI development, embracing opportunities from personal automations to enterprise-grade AI deployments. Evolution of trust in AI coding assistants by leveraging errors for system evolution and self-correction. PIV loop as a main mental model for coding process, emphasizing active involvement, structured planning, and implementation. System evolution involves identifying gaps, adapting based on analysis, testing, and live demo update processes. Code validation process improvement through better validation commands and workflow optimization. Utilizing end-to-end testing for error detection and system improvement in coding assistant systems.
Spec Driven Development: The End of Vibe Coding
AI Coding Summit 2026AI Coding Summit 2026
21 min
Spec Driven Development: The End of Vibe Coding
Image
Welcome to spec-driven development talk by Daniel Sogel. AI agents struggle with benchmarks and real-world tasks. Developers spend extra time fixing code generated by AI agents. Security issues in AI-generated code, limitations with context management, multi-file coordination, silent failures, architecture decisions, and enterprise context challenges addressed by Spectre from development. AI agents removing safety checks, generating code with fake data, silent failures worse than crashes, spectrum development benefits like complete context upfront, structured reasoning, validation checkpoints, and autonomous implementation without manual code review. Act with AI agents like pair programmers, combine spectrum, behavior-driven, and test-driven development. Spec-driven development adoption in the industry, using Keyro IDE by AWS and popular tools like SpecKit and OpenSpec for different project types. Define tech stack, API structure in planning, task phase implementation, handover to AI agents, and choosing the right spec-driven development tools.
How I Build Web Applications in 2026
AI Coding Summit 2026AI Coding Summit 2026
31 min
How I Build Web Applications in 2026
Image
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.
Understanding React’s Fiber Architecture
React Advanced 2022React Advanced 2022
29 min
Understanding React’s Fiber Architecture
Top Content
Image
This Talk explores React's internal jargon, specifically fiber, which is an internal unit of work for rendering and committing. Fibers facilitate efficient updates to elements and play a crucial role in the reconciliation process. The work loop, complete work, and commit phase are essential steps in the rendering process. Understanding React's internals can help with optimizing code and pull request reviews. React 18 introduces the work loop sync and async functions for concurrent features and prioritization. Fiber brings benefits like async rendering and the ability to discard work-in-progress trees, improving user experience.
Your AI Code Reviews Are Missing the Point (And How to Fix It)
AI Coding Summit 2026AI Coding Summit 2026
25 min
Your AI Code Reviews Are Missing the Point (And How to Fix It)
Image
Ishai, CTO at LearnrB, discusses the evolution and impact of AI code reviews in software development. The transition from experimentation to maturity with autonomous AI agents in code reviews is highlighted. Challenges in AI-driven code creation and review processes, as well as the benefits of AI code reviews for productivity and efficiency, are discussed. Common mistakes and challenges in AI code review adoption, along with the importance of adapting processes for AI advancements, are emphasized. The importance of enhancing AI code review processes, measuring their impact, and leveraging AI for productivity metrics is also explored.
Agentic by Default: Rethinking Developer Workflows with Claude Code
AI Coding Summit 2026AI Coding Summit 2026
29 min
Agentic by Default: Rethinking Developer Workflows with Claude Code
Image
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.
Advanced Cursor Techniques for Building Fullstack Apps
AI Coding Summit 2026AI Coding Summit 2026
119 min
Advanced Cursor Techniques for Building Fullstack Apps
Workshop
Mike Mikula
Mike Mikula
In this workshop, you’ll learn a repeatable process for building full stack apps in Cursor. We’ll start with an idea and use an agent to shape clear requirements. Next, we’ll generate a database schema and set up the build tools. Then we’ll create the backend and frontend, and wire the layers tog...
Gatsby v4's New Rendering Modes
React Advanced 2021React Advanced 2021
24 min
Gatsby v4's New Rendering Modes
Image
Gatsby V4 introduces deferred static generation (DSG), combining the benefits of static site generation (SSG) and server-side rendering (SSR). This approach allows for faster builds and a more deterministic cache. Gatsby V4 also includes features such as parallel query running and LMDB for enhanced performance. The focus is on integrations and improving the developer experience (DX) in the future.
From Prompt Spaghetti to Bounded Contexts: DDD for Agentic Codebases
AI Coding Summit 2026AI Coding Summit 2026
16 min
From Prompt Spaghetti to Bounded Contexts: DDD for Agentic Codebases
Image
Nikita, AI Architect at Siemens, discusses challenges in JNTX system development, emphasizing domain-driven design for scalability and stability. Clear responsibilities, bounded contexts, and structured schemas are crucial for reducing complexity. The anti-corruption layer and context maps play vital roles in integration architecture. Key takeaways include the importance of contracts, firewalls, and CI gates for system development.
React Native as a Gaming UI System in Unreal Engine
React Advanced 2025React Advanced 2025
20 min
React Native as a Gaming UI System in Unreal Engine
Image
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.
Featured
Short takes
How to Build an Open Telemetry SDK in 7 Minutes
JSNation 2025JSNation 2025
6 min
How to Build an Open Telemetry SDK in 7 Minutes
Image
Showcasing adding observability with OpenTelemetry. Benefits of extensive telemetry data for insights. Contrasting uninstrumented, manual, and automatic instrumented apps. Example of instrumenting fetch calls for telemetry signals. Technique for modifying functions without core updates. Using JS proxy as a modern approach for patching. OpenTelemetry standardizes instrumentation with APIs and tools. Example of setting up OpenTelemetry with instrumentations.
Server Components Wars: PHP Strikes Back
React Summit 2025React Summit 2025
6 min
Server Components Wars: PHP Strikes Back
Image
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.
Delivering High-Quality Videos on Your ReactJS Website
React Summit 2025React Summit 2025
7 min
Delivering High-Quality Videos on Your ReactJS Website
Image
Raul from ImageKit discusses optimizing and streaming videos, highlighting challenges like resolutions and codecs. Developers can use ImageKit Video API for seamless integration and quick optimization. ImageKit offers streamlined video hosting with real-time optimization and adaptive streaming. It enables easy access to cloud storage and transformation of videos for better user experience.
Backend-for-Frontend Auth: The Secure JS App Architecture
JSNation US 2025JSNation US 2025
6 min
Backend-for-Frontend Auth: The Secure JS App Architecture
Image
Challenges in OAuth, importance of back end security for front end, and implementation details of OAuth flow between front end, back end, and authorization server. Detailed process of token handling, session management, and user data retrieval in OAuth implementation between front end, back end, and authorization server.
MCPs: How to Avoid Security Pitfalls
AI Coding Summit 2026AI Coding Summit 2026
7 min
MCPs: How to Avoid Security Pitfalls
Image
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.
Optimizing the Path From Design to Production in Engineering Workflows
React Summit US 2025React Summit US 2025
7 min
Optimizing the Path From Design to Production in Engineering Workflows
Image
Akbar, developer advocate at Figma, highlights the importance of exploration, representation, and production in product development. Figma leverages design systems and AI tools for efficient transition from representation to production, optimizing expertise and automating non-critical tasks. Seamless integration between design elements and the app is achieved through tools like Code Connect and Copilot, fostering collaboration between design and code.
Shipping AI Under Constraints: Build, Buy, or Kill
TechLead Conf London 2025: Adopting AI in Orgs EditionTechLead Conf London 2025: Adopting AI in Orgs Edition
8 min
Shipping AI Under Constraints: Build, Buy, or Kill
Image
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.
Video Optimization for the Web: The Missing Piece in Lighthouse
React Summit US 2025React Summit US 2025
7 min
Video Optimization for the Web: The Missing Piece in Lighthouse
Image
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.
Next.js Adapters: Build Once, Deploy Everywhere
React Summit 2025React Summit 2025
7 min
Next.js Adapters: Build Once, Deploy Everywhere
Image
Hello, React Summit. Excited to talk about Next.js adapters. Evolution towards adapter solutions to simplify deployment complexities. Minimalist adapter interface for customization and structured output handling. Key hooks and configurations for platform-specific optimizations. Partners collaboration for enhanced experiences in Next.js deployments. Simplified, platform-agnostic deployments for better developer experience.
Improve Your Presentation Skills by Scripting Your Live Coding Demos to Perfection
React Summit 2025React Summit 2025
8 min
Improve Your Presentation Skills by Scripting Your Live Coding Demos to Perfection
Image
Elio's tips for perfect live coding: Minimize distractions, prepare well with light themes and larger fonts, adjust cursor style, avoid hover panels. Stay focused on one application during presentations. Changing settings for clarity, stressing the importance of tools like Demo Time for scripted presentations within Visual Studio Code, eliminating context switching between applications, and facilitating audience interaction with shared repositories. Exploring actions in Demo Time: creating code, opening files, highlighting code, and executing VS Code commands for a cleaner presentation. Utilizing Slides for Markdown presentations within Demo Time.
Latest
Scaling AI Agents for Production Codebases: Patterns for Accuracy and Efficiency
AI Coding Summit 2026AI Coding Summit 2026
24 min
Scaling AI Agents for Production Codebases: Patterns for Accuracy and Efficiency
Image
Discussing top AI coding best practices in 2026, including semantic understanding and context window management. Exploring the role of Language Server Protocol (LSP) in code refactoring. Efficient code renaming using LSP and code intelligence in Kiro. Impact of not using LSP on code renaming efficiency. Manual approaches without LSP significantly impact efficiency and resource consumption. Context window usage doubles without LSP, affecting code handling. Utilizing subagents for specialized tasks enhances codebase security. Spec-driven development and detailed design documents for efficient agent alignment.
Your New Job
AI Coding Summit 2026AI Coding Summit 2026
15 min
Your New Job
Image
Ken Wheeler discusses the evolving software landscape, emphasizing the shift towards higher efficiency and less typing in job roles. The evolution of coding practices from manual formatting to automated tools like Prettier is compared to advancements in construction tools for efficiency. The use of AI for work efficiency and financial benefits, alongside considerations about the future of software engineers in light of AI advancements, is highlighted. Adapting to industry shifts, embracing new technologies like React, and leveraging early AI adoption for career growth are key points. Transitioning to higher-level roles by combining domain knowledge with AI for decision-making and seizing new opportunities is emphasized.
Beyond Vibe Coding: Differentiated Workflows with Antigravity
AI Coding Summit 2026AI Coding Summit 2026
10 min
Beyond Vibe Coding: Differentiated Workflows with Antigravity
Image
Alex Astrum
Rody Davis
2 authors
Alex and Rodi discuss antigravity, a powerful coding agent that unifies Google tools. The agent manager orchestrates multiple agents, providing a higher-level view than just code. Features include an AI editor, agent-controlled Chrome browser, and best practices for agent autonomy and usage. AI steering takes time before feeling intuitive. Anti-gravity offers fast and planning modes for building efficiently. The planning mode allows fine-tuning and execution of complex tasks. Playground validates ideas before full projects. The playground in AntiGravity validates project ideas. Image generation, Nano Banana Pro, and Gemini 3 enhance design output. Skills support deep context tasks. Asynchronous nature enables efficient project development. Browser agent serves as a versatile tool for bug fixing. Manual control and inspiration amidst automation. Transition to agent manager for enhanced visibility and decision-making. Encouragement to explore diverse agent-led experiences and updates for workflow improvement.
How I Build Web Applications in 2026
AI Coding Summit 2026AI Coding Summit 2026
31 min
How I Build Web Applications in 2026
Image
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.
Advanced Cursor Techniques for Building Fullstack Apps
AI Coding Summit 2026AI Coding Summit 2026
119 min
Advanced Cursor Techniques for Building Fullstack Apps
Workshop
Mike Mikula
Mike Mikula
In this workshop, you’ll learn a repeatable process for building full stack apps in Cursor. We’ll start with an idea and use an agent to shape clear requirements. Next, we’ll generate a database schema and set up the build tools. Then we’ll create the backend and frontend, and wire the layers tog...
Using Sandboxes to Safely Execute Untrusted or Dynamic Code
AI Coding Summit 2026AI Coding Summit 2026
76 min
Using Sandboxes to Safely Execute Untrusted or Dynamic Code
WorkshopFree
Craig Dennis
Craig Dennis
This workshop introduces Sandboxes as a general computing primitive and uses Cloudflare Sandboxes as the concrete implementation. Participants explore common, real-world use cases for sandboxed execution and learn how to reason about when and why sandboxes are the right tool.

The works...
The Ralph Wiggum Method Explained
AI Coding Summit 2026AI Coding Summit 2026
10 min
The Ralph Wiggum Method Explained
Image
Today, exploring Ralph Wiggum AI method's simplicity and persistence. Ralph loops ensure eventual consistency in problem-solving. Challenges in AI chats revolve around context management, emphasizing the importance of effective loop iterations. Basic example of loop iteration and backpressure in Ralph. Using skip permissions can be risky. Running Cloud in a sandbox mode for safety measures. Ralph Wiggum AI Method: Autonomous coding with thorough spec creation. Careful planning needed. Upsides include autonomous operation and clear task handling.
Metrics That Actually Matter: Evaluating AI Agents Beyond Success Rate
AI Coding Summit 2026AI Coding Summit 2026
16 min
Metrics That Actually Matter: Evaluating AI Agents Beyond Success Rate
Image
John Robert, Lead Data and AI Platform Engineer, discusses evaluating AI agents beyond success rate. Talks about failures of AI projects, the uniqueness of AI agents, and the evaluation process. Creating a Framework for AI Agent Evaluation: Four Evaluation Categories - performance, business, safety, and cost. Metrics creation to enhance AI projects. Includes task completion rates, reasoning quality, accuracy evaluation, tool execution, response time, and recovery time checks. Examining KPIs, Safety, Security, and Cost in AI Agent Projects: Consider ROI, user satisfaction, time-saving, code review, adoption, engagement, risk, regulations, unauthorized actions, and cost efficiency. Checking Infrastructure and Security Metrics: Evaluate project reliability, online presence, errors, resources, prompt injection, data leakages, authorized actions, tool usage.
Making AI Coding Work for Enterprise-Grade Browser Extensions
AI Coding Summit 2026AI Coding Summit 2026
10 min
Making AI Coding Work for Enterprise-Grade Browser Extensions
Image
Todd Schiller discusses using AI to code an AI-enabled extension for global use by enterprises, emphasizing empowering users through browser extensions for versatile automation and customization. Browser extensibility covers various customization methods, including user scripts and low-code options like Pixie Bricks. Challenges in applying AI tools to browser extensions include their distributed nature, slower iteration loops, and adaptation to host sites. Understanding browser extensions as distributed systems reveals complexities such as async operations and intricate component lifecycles. Key best practices will be discussed, starting with selecting the appropriate foundation. Choose a productive foundation like libraries or frameworks for browser extension development. Select between user scripts or low-code platforms like Pixiebricks. Focus on encapsulating extension-specific code, using explicit coding, and enforcing boundaries with linters. Create fast feedback loops with tools like TypeScript, Lint rules, and realistic integration testing with mocks and fakes. Encapsulate extension-specific code using standard tactics like dependency injection and explicit coding. Create fast feedback loops with TypeScript, Lint rules, and realistic integration testing. Shift left to catch issues earlier and avoid relying on slow feedback loops. Avoid testing on host pages directly to prevent slow and potentially flaky behavior detection. Utilize dependency induction, mocks, and fakes for realistic integration tests. Test boring components with Storybook and Playwright MCP. Shift left to catch issues earlier, avoid testing directly on host pages, create test pages for encountered patterns, leverage AI for generating test pages, and ensure a stable testing environment.
Security Pitfalls in AI-Generated Code: What Happens When Developers Skip Review
AI Coding Summit 2026AI Coding Summit 2026
25 min
Security Pitfalls in AI-Generated Code: What Happens When Developers Skip Review
Image
Introduction to AI security pitfalls, emphasizing the importance of understanding AI promises and risks, responsibility in verifying AI-generated code, the necessity of code verification and thorough review for secure deployment, ensuring code validation and sanitization for secure applications, risks of unsecure authentication logic and broken authorization due to AI usage, the importance of avoiding exposing secrets in code by trusting AI blindly, learning resources on cloud security and platforms like Flare Learning and TryHackMe, and the significance of creating AI rules, testing, and following best practices for code security.
Popular
JavaScript
Temporal: The Curious Incident of the Wrong Nighttime
JSNation 2025JSNation 2025
25 min
Temporal: The Curious Incident of the Wrong Nighttime
Image
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.
10 Years of Best of JS
JSNation 2025JSNation 2025
28 min
10 Years of Best of JS
Image
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.
React
From Segments to Suspense: The Future of Next.js Caching
React Advanced 2025React Advanced 2025
27 min
From Segments to Suspense: The Future of Next.js Caching
Image
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.
Lessons From Adopting React Compiler
React Summit US 2025React Summit US 2025
23 min
Lessons From Adopting React Compiler
Image
Akash Hamilwasia presenting at React Summit 2025, shares React Compiler learnings and works on an AI audio platform. Memoization in React helps optimize UI performance by preventing unnecessary re-renders. React Compiler offers automatic memoization through static code analysis. React rules emphasize purity and immutability. The compiler analyzes and memoizes code changes for optimization. React Compiler package usage improves performance through code analysis. Understanding reactivity issues is crucial for handling React state. Compiler optimization requires correct dependency arrays and usage of external libraries. Measure React Compiler impact using React Profiler for optimization and real user impact analysis.
Our Own React Global State Manager in Less Than 50 Lines of Code
React Summit 2025React Summit 2025
26 min
Our Own React Global State Manager in Less Than 50 Lines of Code
Image
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.
Panel Discussion: The State of React
React Summit 2025React Summit 2025
35 min
Panel Discussion: The State of React
Image
Tanner Linsley
Naman Goel
Evan Bacon
Shruti Kapoor
Mark Erikson
Jarred Sumner
Sacha Greif
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.
TDD in Frontend
React Summit 2025React Summit 2025
121 min
TDD in Frontend
Workshop
Aleksandr Shinkarev
Aleksandr Shinkarev
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...
Suspenseful Component Composition
React Summit US 2025React Summit US 2025
12 min
Suspenseful Component Composition
Image
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.
Plug and Play Design: Building Extendable React Applications
React Summit US 2025React Summit US 2025
29 min
Plug and Play Design: Building Extendable React Applications
Image
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.
Hands-on React Server Components, Server Functions, and Forms in the Next.js App Router
React Summit US 2025React Summit US 2025
125 min
Hands-on React Server Components, Server Functions, and Forms in the Next.js App Router
Workshop
Aurora Scharff
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...
How to React Compiler
React Summit 2025React Summit 2025
20 min
How to React Compiler
Image
Introduction to React compiler, differences from React 19, installation of Babel plug-in React compiler, specifying target React versions, and how React compiler detects and processes component dependencies. Configuring React compiler settings, exploring default options and configurations, utilizing React compiler playground website for configurations, dealing with JSX markup re-computation. React compiler feature for extracting JSX from array map callbacks, limitations of enable function outlining, enabling JSX outlining for separate functions. Function memoization in React compiler, React compiler beta stage, potential errors with React compiler. React compiler error: memorization preservation, hidden messages, validation settings. React compiler: validation tools, hooks treatment, memorization challenges. Changing hooks to functions for React compiler optimization. React Compiler usage considerations and potential optimizations.
React Beyond the DOM
React Summit US 2025React Summit US 2025
27 min
React Beyond the DOM
Image
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.
Free workshops
Building AI workflow editor UI in React with Workflow Builder SDK
React Summit US 2025React Summit US 2025
141 min
Building AI workflow editor UI in React with Workflow Builder SDK
WorkshopFree
Łukasz Jaźwa
Łukasz Jaźwa
Join us to learn how to build your own Zapier-like interface in days, not months. Discover how to save 1,000+ hours of design and coding upfront, building a complex workflow editor UI from scratch. Customize it for AI orchestration, automations, business processes visualization and other real-wor...
The React Developer's Guide to AI Engineering
React Summit US 2025React Summit US 2025
96 min
The React Developer's Guide to AI Engineering
Featured WorkshopFree
Niall Maher
Niall Maher
A comprehensive workshop designed specifically for React developers ready to become AI engineers. Learn how your existing React skills—component thinking, state management, effect handling, and performance optimization—directly translate to building sophisticated AI applications. We'll cover the...
Build LLM agents in TypeScript with Mastra and Vercel AI SDK
React Advanced 2025React Advanced 2025
145 min
Build LLM agents in TypeScript with Mastra and Vercel AI SDK
Featured WorkshopFree
Eric Burel
Eric Burel
LLMs are not just fancy search engines: they lay the ground for building autonomous and intelligent pieces of software, aka agents.
Companies are investing massively in generative AI infrastructures. To get their money's worth, they need developers that can make the best out of an LLM, and t...
How To Enhance an Existing React App With AI, Without Rewriting It From Scratch
React Advanced 2025React Advanced 2025
109 min
How To Enhance an Existing React App With AI, Without Rewriting It From Scratch
WorkshopFree
 Greg Brimble
Greg Brimble
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...
On-Premise Open-Source LLMs with Ollama & FastAPI
TechLead Conf London 2025: Adopting AI in Orgs EditionTechLead Conf London 2025: Adopting AI in Orgs Edition
58 min
On-Premise Open-Source LLMs with Ollama & FastAPI
WorkshopFree
Brendon Co
Brendon Co
This workshop introduces how to use open-source LLMs on-premise for enhanced data control, privacy, and cost efficiency. It highlights Ollama for simplified LLM management (downloading, running models offline) and FastAPI for efficient local hosting, enabling fast API development and seamless int...
Data is Beautiful: Creating Compelling Data Visualisations with AG Charts
React Summit US 2025React Summit US 2025
83 min
Data is Beautiful: Creating Compelling Data Visualisations with AG Charts
WorkshopFree
James Swinton-Bland
James Swinton-Bland
AG Charts is a JavaScript Charting Library, built by AG Grid, that you can use to create beautiful and compelling data visualisations in React, with a simple, intuitive, flexible API.What You'll Learn: In this workshop, you'll learn how to get started with AG Charts to create simple visual...
Debugging with Sentry AI using Seer, MCP, and Agent Monitoring
React Summit US 2025React Summit US 2025
55 min
Debugging with Sentry AI using Seer, MCP, and Agent Monitoring
WorkshopFree
Paul Jaffré
Paul Jaffré
This workshop explores how to leverage Sentry’s AI-driven tools (Seer, MCP and Agent Monitoring) to streamline debugging, error monitoring, and observability in full-stack applications. It guides participants through Setting up Sentry from scratchInstrumenting errors,...
How to Build Full-Stack Apps Using Cursor
React Summit US 2025React Summit US 2025
65 min
How to Build Full-Stack Apps Using Cursor
Featured WorkshopFree
 Shrey Shah
Shrey Shah
In this workshop, I’ll guide participants through a process for building full-stack applications using Cursor. We’ll cover setting up Cursor workflows, including rules, commands, and custom modes, to streamline development. We will use Cursor to draft PRDs, database schema, etc and a simple SOW....
Full-stack App in half a Day: Next.js 15 Development Bootcamp
React Summit 2025React Summit 2025
175 min
Full-stack App in half a Day: Next.js 15 Development Bootcamp
Featured WorkshopFree
Maurice de Beijer
Maurice de Beijer
Unlock the Power of Modern Full-Stack Development in Half a Day!Ready to build lightning-fast, scalable web applications? Join our immersive 4-hour interactive workshop and dive headfirst into the world of Full-Stack Next.js 15!This isn't just another theory session. You'll roll up...
Build and Customize a Node-Based Workflow Builder With React
React Summit 2025React Summit 2025
140 min
Build and Customize a Node-Based Workflow Builder With React
WorkshopFree
Łukasz Jaźwa
Łukasz Jaźwa
Node-based user interfaces offer an intuitive and powerful way to represent complex data flows and processes. In this interactive 3-hour workshop, you’ll learn how to create engaging diagram UIs using React and the popular React Flow library. We’ll start by exploring key libraries for creating cu...
Upcoming events

Subscribe to the top JS conferences

and grow in-depth as engineer with insights from library authors and core teams

Learn more
JSNation 2026 logo
JSNation 2026
Amsterdam, Jun 11 - 15, 2026
React Summit 2026 logo
React Summit 2026
Amsterdam, Jun 11 - 15, 2026
Node Congress 2026 logo
Node Congress 2026
Mar 26 - 27, 2026
Web Engineering Summit 2026 logo
Web Engineering Summit 2026
Amsterdam, Jun 11 - 15, 2026
TechLead Conf Amsterdam 2026: Adopting AI in Orgs Edition logo
TechLead Conf Amsterdam 2026: Adopting AI in Orgs Edition
Amsterdam, Jun 11, 2026
React Advanced 2026 logo
React Advanced 2026
London, Oct 23 - 26, 2026
JSNation US 2026 logo
JSNation US 2026
New York, Nov 16 - 19, 2026
React Summit US 2026 logo
React Summit US 2026
New York, Nov 17 - 20, 2026
React Day Berlin 2026 logo
React Day Berlin 2026
Berlin, December, 2026