Upcoming events
AI Coding Summit 2026
AI Coding Summit 2026
Feb 26 - 27, 2026
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
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
November, 2026
React Summit US 2026
React Summit US 2026
November, 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
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
React Summit US 2024
React Summit US 2024
Nov 18 - 22, 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
The Dark Side of Micro-Frontends
React Advanced 2025React Advanced 2025
29 min
The Dark Side of Micro-Frontends
In the Talk, various key points were discussed regarding micro-front-end architecture. These included challenges with micro-intents, common mistakes in system design, the differences between micro-intents and components, granularity in software architecture, optimizing micro-front-end architecture, efficient routing and deployment strategies, edge computing strategies, global state and data sharing optimization, managing data context, governance and fitness functions, architectural testing, adaptive growth, value of micro-frontends, repository selection, repo structures, and web component usage.
Rust Meets React: Diving Into the Next Generation Build Pipeline for React Apps
React Advanced 2025React Advanced 2025
32 min
Rust Meets React: Diving Into the Next Generation Build Pipeline for React Apps
Choosing the right tools and frameworks is crucial for React projects. VEET enhances developer experience and project adaptability. Optimizing tool stacks with Rolldown can improve production builds. Understanding build steps and code optimization is essential for efficient development. Bundlers play a key role in code optimization and Rolldown offers a unique approach. Rolldown accelerates React development by boosting build speed and optimizing bundle sizes. Xcalibur and Outline show significant improvements in build times. Developing bundler components with OXC and exploring its capabilities. Enhancing Oxlint and Oxformat functionality for improved toolchain. Rolldown's evolution and future plans for Vite integration.
TypeScript and React: Secrets of a Happy Marriage
React Advanced 2022React Advanced 2022
21 min
TypeScript and React: Secrets of a Happy Marriage
Top Content
React and TypeScript have a strong relationship, with TypeScript offering benefits like better type checking and contract enforcement. Failing early and failing hard is important in software development to catch errors and debug effectively. TypeScript provides early detection of errors and ensures data accuracy in components and hooks. It offers superior type safety but can become complex as the codebase grows. Using union types in props can resolve errors and address dependencies. Dynamic communication and type contracts can be achieved through generics. Understanding React's built-in types and hooks like useState and useRef is crucial for leveraging their functionality.
Model Context Protocol (MCP) Deep Dive: 2-Hour Interactive Workshop
AI Coding SummitAI Coding Summit
86 min
Model Context Protocol (MCP) Deep Dive: 2-Hour Interactive Workshop
Workshop
Stepan Suvorov
Stepan Suvorov
Join a focused 2-hour session covering MCP's purpose, architecture, hands-on server implementation, and future directions. Designed for developers and system architects aiming to integrate contextual data with ML models effectively. Agenda:- Introduction & Why MCP? Key challenge...
Type-Safe URL State Management in React With nuqs
React Advanced 2025React Advanced 2025
30 min
Type-Safe URL State Management in React With nuqs
François Best introduces nuqs, a URL state manager for React, offering teleportation and time travel abilities. Nuqs addresses browser rate limits on URL updates and creates entry points into the app by putting state in the URL. Nuqs allows for server-side rendering and shareable UI creation with a declarative approach. URL source is used as a truth for state handling and debouncing URL updates is finalized in nuqs. Type-safe URL parameter handling and compression parsing are supported, ensuring security and routing safety with TanStack integration.
Pushing the Limits of Video Encoding in Browsers With WebCodecs
JSNation 2023JSNation 2023
25 min
Pushing the Limits of Video Encoding in Browsers With WebCodecs
Top Content
Watch video: Pushing the Limits of Video Encoding in Browsers With WebCodecs
This Talk explores the challenges and solutions in video encoding with web codecs. It discusses drawing and recording video on the web, capturing and encoding video frames, and introduces the WebCodecs API. The Talk also covers configuring the video encoder, understanding codecs and containers, and the video encoding process with muxing using ffmpeg. The speaker shares their experience in building a video editing tool on the browser and showcases Slantit, a tool for making product videos.
Benchmarking State Management Libraries in Data-Heavy React Apps
React Advanced 2025React 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.
Meet React Flight and Become a RSC Expert
React Day Berlin 2024React 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.
Game Development Patterns and Architectures in JavaScript
JS GameDev Summit 2023JS GameDev Summit 2023
28 min
Game Development Patterns and Architectures in JavaScript
Today's Talk covers game design and architecture, including entity component systems, game loops, and decoupling game logic from rendering. Entity component systems are popular in JavaScript game development for representing games as entities and their components as behavior on data. Game loops control the flow of the game and updating its state, with different architectures like fixed time step and variable time step. Decoupling game logic from rendering improves performance and flexibility, allowing for independent updates and easy addition of new features. Having a clear separation of concerns in game development improves performance, increases flexibility, and makes debugging easier.
Lessons From Adopting React Compiler
React Summit US 2025React Summit US 2025
23 min
Lessons From Adopting React Compiler
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.
Featured
Short takes
No Dependencies, No Problem: Streaming AI Over the Phone
JSNation 2025JSNation 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.
From TV to Touch: How We Made React UI Work Across Every Input Mode
React Summit US 2025React Summit US 2025
5 min
From TV to Touch: How We Made React UI Work Across Every Input Mode
Seungho Park discusses the importance of spatial navigation for TV apps and the challenges of supporting remote, pointer, and touch inputs. Real examples are explored, including focus placement, restoring focus, and grouping elements for stable navigation. Challenges in TV app navigation such as key scrolling in grid lists and managing input mode transitions are highlighted. The talk also delves into handling input modes, designing for 5-way, pointer, and touch input, and addressing edge cases. Implementing the W3C spatial navigation standard, defining focus properties for container elements, and encouraging exploration of React UI spatial navigation support are key points.
Divide and Conquer? - Exploring the 'JS0' and 'JSSugar' Proposal for JavaScript Evolution
JSNation 2025JSNation 2025
5 min
Divide and Conquer? - Exploring the 'JS0' and 'JSSugar' Proposal for JavaScript Evolution
JS 0 and JS Sugar proposal for JavaScript evolution. Complexity abstraction to engines. Splitting language into JS0 and JSugar. Lessons learned from developers' concerns and users' preferences. Involvement in shaping JavaScript ecosystem.
How To Get The Most Out Of the Cloud As A Front-End Developer
React Summit US 2025React Summit US 2025
7 min
How To Get The Most Out Of the Cloud As A Front-End Developer
Front-end developers benefit from cloud services like AWS S3 and Lambda. AWS offers services like Cognito for identity management and Bedrock AI models. AWS Amplify provides Hosting and Cloud Development Kit for efficient development. The Cloud Development Kit is recommended for TypeScript deployment. AWS Amplify connects front-end to AWS services and SDK for back-end. QR code feedback is available for the talk.
Auth: Build vs Open Source vs Buy
JSNation 2025JSNation 2025
7 min
Auth: Build vs Open Source vs Buy
Authentication is crucial for system security, with options including building, buying, or using open source. Modern security complexities are addressed by purchasing systems with enterprise-level security features. Cost considerations in authentication highlight maintenance and scaling costs, with buying solutions providing peace of mind and predictable costs.
Server Components Wars: PHP Strikes Back
React Summit 2025React 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.
Optimizing the Path From Design to Production in Engineering Workflows
React Summit US 2025React Summit US 2025
7 min
Optimizing the Path From Design to Production in Engineering Workflows
Akbar, 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.
Video Optimization for the Web: The Missing Piece in Lighthouse
React Summit US 2025React Summit US 2025
7 min
Video Optimization for the Web: The Missing Piece in Lighthouse
Rahul 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.
Zero-Styling Development: Utopia or the Future of Frontend?
React Summit 2025React Summit 2025
7 min
Zero-Styling Development: Utopia or the Future of Frontend?
Mateusz Jagodziński presenting on Zero Styling Development and the challenges faced with manual styling implementations, leading to the adoption of a zero styling approach for efficiency and consistency in design implementation. Workflow Builder adopts a zero-styling approach beginning with design tokens in Figma, followed by automation for CSS generation and implementation using CSS variables, ensuring easy styling changes without developer intervention.
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
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.
Latest
The Journey of a Pixel in a React Application
React Summit US 2025React Summit US 2025
24 min
The Journey of a Pixel in a React Application
Shem Magnezi discusses the importance of understanding web development technologies like React, HTML5, and WebSocket for optimizing websites and improving user experience. The challenges of website delivery include delivering a perfect user experience, slow network issues, DNS resolution complexities, and handling various resources efficiently. Optimization of HTML loading, resource compression, and prioritization are crucial for faster website delivery. Improving performance through code optimization, React best practices, and state management is key for enhancing user experience.
The Cake Is a Lie... And So Is Your Login’s Accessibility
React Advanced 2025React Advanced 2025
100 min
The Cake Is a Lie... And So Is Your Login’s Accessibility
Workshop
Ramona Schwering
Ramona Schwering
Much like the promise of cake in Portal, login forms are everywhere in web development. While they may seem functional at first glance, many users with disabilities encounter a maze of invisible walls, from keyboard traps to inaccessible CAPTCHAs. It's as if GLaDOS designed these forms herself to...
Node.js: More Threads Than You Think
React Advanced 2025React Advanced 2025
32 min
Node.js: More Threads Than You Think
The talk covers a range of topics including Node.js evolution to a multi-threaded system, scaling with the cluster module, managing PM2 for efficient orchestration, challenges in SSR frameworks, TCP SO reuse port for resource utilization, VAT architecture for smart service routing, zero downtime deployment with shared cache, performance benchmark results, PM2 performance challenges, legality and functionality of TCP SO reuse port, kernel balancing considerations, tool comparison between PM2 and Deno, cache consistency challenges, VAT architecture with worker thread recovery, T-scaling for vertical scaling, and updating Node V6 applications.
What's Under the Pointer?
React Advanced 2025React Advanced 2025
30 min
What's Under the Pointer?
Let's discuss Tealdraw, a versatile application with a whiteboard feature similar to Miro and Excalitraw. Tealdraw offers an SDK, tealdraw.dev, enabling innovative creations like a liquid simulation. Challenges in Tealdraw included optimizing hit testing, managing selection logic, and addressing shape interactions. The debugging geometry view allows for efficient handling of canvas data and hit detection. Tealdraw's approach to hit testing involves bounding boxes, shape hierarchy navigation, and handling user interactions with polygons. The talk explores technology choices, resolving logic levels, and utilizing CSS masks in Tealdraw, emphasizing the importance of user interaction and efficient hit testing processes.
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
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.
Rethinking React Styling for the RSC Era
React Advanced 2025React Advanced 2025
19 min
Rethinking React Styling for the RSC Era
Bree discusses the evolution of React styling with React 19, Tailwind, and server-side rendering components, emphasizing static CSS generation. The shift towards native CSS and CSS modules for better scalability and control, and the rise in popularity of Tailwind CSS for its utility-first approach. Challenges in React styling implementations include runtime libraries, streaming UI, scalable theming, and overhead reduction. Panda CSS emerges as a potential successor to Tailwind CSS, offering a blend of CSS and JS experience. Styling decisions in 2025 are philosophical, with Tailwind for speed, Panda CSS for complex design systems, and CSS modules for stability.
Building Desktop Apps Out of Web Apps: Scaling Electron With Code Signing & CI/CD
JSNation US 2025JSNation US 2025
23 min
Building Desktop Apps Out of Web Apps: Scaling Electron With Code Signing & CI/CD
Ayole Aonseola discusses converting web apps into desktop applications using Electron, emphasizing challenges with code signing, CI CD, and industrial scaling. Electron architecture focuses on security with context isolation and node integration. Engineering hurdles include distributing applications across OSs, implementing automation for error prevention, and ensuring app authenticity through code signing. Mac-specific configurations, like app bundle ID and notarization, are crucial. Building universal apps for Mac and Windows requires understanding differences in building environments and certificate access. Automation of signing processes with Azure and GitHub streamlines workflows, handling EV tokens and securely managing certificates. CICD automation includes base64 certificate encoding and triggering build processes on tag pushes.
This Is How We Made Postman Launch Twice as Fast
React Summit US 2025React Summit US 2025
25 min
This Is How We Made Postman Launch Twice as Fast
CEO tests Postman on cheap laptop, reveals performance issue. Ruben Casas gives 5 tips to enhance app performance, emphasizing the importance of measuring and focusing on a key metric like TTF from mobile gaming. TTU stands for Time to Usability, a key metric for app performance optimization. Measuring TTU involves adding marks for key processes like platform initialization, JavaScript evaluation, data fetching, and rendering. Need a plan of action after identifying performance issues. Transitioned from Electron to web for faster updates, impacting download size. Introducing StatusScope for bundle optimization, reducing JavaScript bundle size significantly, implementing PR checks to prevent bundle size regression, optimizing network calls by removing dead features and prefetching critical data. Challenges with v8 snapshots, preference for full bytecode caching, adapting and iterating based on metrics, organizational obstacles, and the shift towards collective performance responsibility.
Beyond Code: Crafting Effective Discussions to Further Technical Decision-Making
JSNation US 2025JSNation US 2025
20 min
Beyond Code: Crafting Effective Discussions to Further Technical Decision-Making
People often multitask during meetings, leading to lack of engagement. Importance of effective technical meetings for job satisfaction and career growth highlighted. Strategies for engaging and productive technical meetings through purposeful facilitation. Ways to make meetings engaging and goal-oriented, encouraging diverse thoughts in problem-solving. Varied participation styles create inclusivity and enhance meeting dynamics. Strategies to address meeting pitfalls include time limits, addressing lack of understanding, managing attendees, and ensuring discussions lead to action items.
The Journey of Rebranding 7+ Years Old App
React Summit US 2025React Summit US 2025
30 min
The Journey of Rebranding 7+ Years Old App
Kasia Trzemska introduces the rebranding journey of a seven-year-old app, emphasizing challenges and technologies involved. Challenges in A-B testing include handling winning and losing sides, codebase growth, and user feedback importance. Struggles with component styling, data analysis for understanding design systems, and codebase cleanup for rebranding. Efforts in code automation, typography unification, and promoting design system adoption. Lessons learned include transparency, communication, data-driven decisions, and delegation for success in rebranding projects.
Popular
JavaScript
10 Years of Best of JS
JSNation 2025JSNation 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 2025JSNation 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
Lessons From Adopting React Compiler
React Summit US 2025React Summit US 2025
23 min
Lessons From Adopting React Compiler
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.
The State of React
React Summit 2025React 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.
How to React Compiler
React Summit 2025React Summit 2025
20 min
How to React Compiler
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.
Panel Discussion: The State of React
React Summit 2025React Summit 2025
35 min
Panel Discussion: The State of React
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.
React Beyond the DOM
React Summit US 2025React Summit US 2025
27 min
React Beyond the DOM
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.
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...
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
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...
The State of React and the Community in 2025
React Summit 2025React 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.
Suspenseful Component Composition
React Summit US 2025React 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.
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...
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...
Building Full Stack Apps With Cursor
React Summit 2025React Summit 2025
46 min
Building Full Stack Apps With Cursor
Featured WorkshopFree
Mike Mikula
Mike Mikula
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...
Upcoming events

Subscribe to the top JS conferences

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

Learn more
AI Coding Summit 2026 logo
AI Coding Summit 2026
Feb 26 - 27, 2026
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
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, November, 2026
React Summit US 2026 logo
React Summit US 2026
New York, November, 2026
React Day Berlin 2026 logo
React Day Berlin 2026
Berlin, December, 2026