Upcoming events
TechLead Conf London 2026: Adopting AI in Orgs Edition
TechLead Conf London 2026: Adopting AI in Orgs Edition
Oct 23, 2026
React Advanced 2026
React Advanced 2026
Oct 23 - 26, 2026
JSNation US 2026
JSNation US 2026
Nov 16 - 19, 2026
AI Coding Summit NYC
AI Coding Summit NYC
Nov 16 - 19, 2026
React Summit US 2026
React Summit US 2026
Nov 17 - 20, 2026
React Day Berlin 2026
React Day Berlin 2026
Dec 4 - 7, 2026
AI Coding Summit Berlin
AI Coding Summit Berlin
Dec 4 - 7, 2026
React Summit Asia 2027
React Summit Asia 2027
Apr 14 - 19, 2027
AI Coding Summit Asia 2027
AI Coding Summit Asia 2027
Apr 15 - 20, 2027
JSNation 2027
JSNation 2027
May 20 - 24, 2027
Web Development insights directly from framework authors and early adopters.
Talks from our events
AI Coding Summit London
AI Coding Summit London
Jul 6 - 7, 2026
JSNation 2026
JSNation 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
Web Engineering Summit 2026
Web Engineering Summit 2026
Jun 11 - 15, 2026
Node Congress 2026
Node Congress 2026
Mar 26 - 27, 2026
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 2025
AI Coding Summit 2025
Oct 23 - 24, 2025
TechLead Conference 2025: AI in Orgs
TechLead Conference 2025: AI in Orgs
Sep 18 - 19, 2025

Articles

Emma Bostian: I landed my dream job by sharing my blogs on Twitter

Software engineer, lecturer, podcast host, author — is there something Emma Bostian hasn't done? She moved from America to Sweden, started working at Spotify, and took up a few challenges along the way. And now she has some career tips to share.

What led you to...

Kent C. Dodds: Consume, build, and teach — and level up your career

Even though his bio offers quite a hefty reading, he only applied for one job in his career. The rest came along as he was building his name as a renowned speaker, teacher, and a prolific figure of the open-source community. How did Kent do it? “Commit to creating high-quality content,” he sa...

Spanish translations for 2000+ React and JavaScript talks from GitNation

GitNation, known for organizing JavaScript and React conferences, has rolled out significant updates to its video platform. These new features are designed to improve content accessibility and discoverability for developers worldwide and marks the start of ongoing localisation efforts with more l...

Top ideas

Is Redux still relevant for modern React applications?

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

Why use React.js with TypeScript?

Using React.js with TypeScript helps catch errors at compile time and enhances the development environment with type checking and better IntelliSense support.

What is React Query?

React Query is a popular open-source library designed to manage server state in React applications. It provides features like caching, request deduplication, and background updates.

Who should consider using TanStack Start?

Businesses building React applications that require a robust client-side framework with server-side capabilities should consider using TanStack Start, especially if they value type safety and URL state management.

How does Redux compare to using React's useReducer and useContext?

While useReducer and useContext can mimic some Redux patterns, they differ in that Redux keeps state outside the React component tree, leading to fewer re-renders and better performance in some scenarios. Redux also offers powerful developer tools not available with useReducer and useContext.
Deep Dives
Deep Dive: Growing to Tech Lead

Growing to Tech Lead

Learn directly from other Senior+ and Lead engineers on how to progress your engineering career, strengthen your foundational skills and become and irreplaceable engineer.

  • Talk: Pocket Guide to Seniority
  • Talk: Why Engineers Must Become Multipliers in the AI-Era
  • Talk: Walking the Netflix Paved Road (Bumps Included): Web Framework, Hawkins Design System
  • Talk: Transforming Your Tech Interviews in the AI Agent Age
  • Talk: 5 Tough Conversations Managers Need to Have
... and 14 more talks and workshops
Deep Dive: AI Assisted Coding

AI Assisted Coding

Remove the noise, master agentic coding patterns actually tested in production directly from Senior practitioners. 

  • Talk: Templates and Components for Claude Code: The Future of AI Coding Workflows
  • Talk: Using Spec-Driven Development for Production Workflows
  • Talk: Building Blocks of an Agentic Engineering Platform: What SRE Taught Us About Running Agents
  • Workshop: AI-Powered Code Review
  • Workshop: Operating Agent-Based Systems - Overview, Configure, Run, Orchestrate, Monitor
... and 22 more talks and workshops
Deep Dive: Mastering Full-stack

Mastering Full-stack

Master full-stack and fundamental engineering skills for AI-enabled future. 

  • Talk: Building a JavaScript Engine in Rust: Lessons From Boa
  • Talk: Building a JavaScript Engine in Rust: Lessons From Boa
  • Talk: Beyond Benchmarks: node.js, Deno, and Bun in Real Production
  • Workshop: DevOps for Front-end Developers: From Local Code to Production by Docker Captain
  • Workshop: Building Fullstack Apps With Cursor
... and 21 more talks and workshops
Trending today
AI Reviews AI – Closing the Loop in Agentic Development
AI Coding Summit LondonAI Coding Summit London
28 min
AI Reviews AI – Closing the Loop in Agentic Development
Daniel, a consultant from Germany, discusses AI-generated code and challenges in rapid code shipping. The Pharoes AI case study highlights code reviews and challenges in agile development. Incidence per pull request and code churn issues are discussed in software development. AI-assisted coding and quality gates are introduced. Developing with Angular and TypeScript emphasizes the importance of basics, AI sub-agents, and pull request review services. Utilizing hooks for deterministic code handling and enhancing code handling with various hooks are crucial. Transitioning to behavior-driven development, utilizing tools like PlayWrite and Jira integration, and evaluating code review strategies are key points. Optimizing code review practices, smart integration of AI and hooks, advanced code review models, ownership in code reviews, software metrics, and quality gates challenges are also covered.
A Brief History of Code Review (And What's Next)
JSNation 2026JSNation 2026
8 min
A Brief History of Code Review (And What's Next)
The Talk explores the transition from solo development to code review history, tracing it back to the Fagin Inspection process in the 1990s. It discusses the evolution of code collaboration from in-person meetings to remote, email-based discussions. The shift to modern code review via pull requests on GitHub improved collaboration efficiency. The integration of AI in code review enhanced processes and enabled instant feedback. Encouraging open source projects to adopt code review tools and prioritize the importance of thorough reviews is highlighted.
AI-Powered Code Review
TechLead Conf Amsterdam 2026: Adopting AI in Orgs EditionTechLead Conf Amsterdam 2026: Adopting AI in Orgs Edition
77 min
AI-Powered Code Review
Workshop
Serhii Yakovenko
Serhii Yakovenko
Every engineering organisation is experimenting with AI coding assistants, but few have built production-grade LLM integrations into their core developer infrastructure. I have such an experience, and I will share real patterns from deploying an AI-powered code review system across a 400+ person...
The Future Stack of Code Review
JSNation 2023JSNation 2023
22 min
The Future Stack of Code Review
The Talk discusses the challenges of code reviews and the need to redefine the code review process in light of changes in software development. It emphasizes the importance of collaboration, security, performance, and clean code in the new stack of code review. The Talk also highlights the benefits of automating code review comments and optimizing the code review process. Overall, the Talk aims to build a better code review process that promotes collaboration and improves the quality of software development.
Nodejs Runtime Performance Tips
Node Congress 2021Node Congress 2021
9 min
Nodejs Runtime Performance Tips
This Talk focuses on the importance of runtime optimization in software development. It discusses the impact of unoptimized functions and the role of garbage collection. The Talk also highlights the use of profiling tools to identify and improve performance issues. Additionally, it emphasizes the importance of memory profiling to prevent memory leaks and optimize application performance.
Network Requests with Cypress
TestJS Summit 2021TestJS Summit 2021
33 min
Network Requests with Cypress
Top Content
Cecilia Martinez, a technical account manager at Cypress, discusses network requests in Cypress and demonstrates commands like cydot request and SCI.INTERCEPT. She also explains dynamic matching and aliasing, network stubbing, and the pros and cons of using real server responses versus stubbing. The talk covers logging request responses, testing front-end and backend API, handling list length and DOM traversal, lazy loading, and provides resources for beginners to learn Cypress.
Using CodeMirror to Build a JavaScript Editor with Linting and AutoComplete
React Day Berlin 2022React Day Berlin 2022
86 min
Using CodeMirror to Build a JavaScript Editor with Linting and AutoComplete
Top Content
Workshop
Hussien Khayoon
Kahvi Patel
2 authors
Using a library might seem easy at first glance, but how do you choose the right library? How do you upgrade an existing one? And how do you wade through the documentation to find what you want?
In this workshop, we’ll discuss all these finer points while going through a genera...
Ensuring your Users are on the Right Path: the Future of Modals and Focus Management
JSNation 2022JSNation 2022
17 min
Ensuring your Users are on the Right Path: the Future of Modals and Focus Management
This Talk discusses the new features of Modals and focus management in web development. The dialogue element allows for the creation of modal dialogs that appear on top of other elements and prevent interaction with elements below. The note element can mark a subtree of the DOM as inert, making it unusable. The field set component can group input elements together and disable them. Using these new primitives can improve focus control and user experience in web applications.
Next.js for React.js Developers
React Day Berlin 2023React Day Berlin 2023
157 min
Next.js for React.js Developers
Top Content
Featured WorkshopFree
Adrian Hajdin
Adrian Hajdin
In this advanced Next.js workshop, we will delve into key concepts and techniques that empower React.js developers to harness the full potential of Next.js. We will explore advanced topics and hands-on practices, equipping you with the skills needed to build high-performance web applications and...
Building with Gemini: AI Studio, Antigravity, and Google DeepMind's Latest Models
AI Coding Summit 2026AI Coding Summit 2026
34 min
Building with Gemini: AI Studio, Antigravity, and Google DeepMind's Latest Models
WorkshopFree
Paige Bailey
Paige Bailey
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...
Featured
Short takes
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.
MCPs: How to Avoid Security Pitfalls
AI Coding Summit 2026AI Coding Summit 2026
7 min
MCPs: How to Avoid Security Pitfalls
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.
Organic Leadership in the Age of AI: Why human Touch Becomes More Valuable Than Ever
TechLead Conf Amsterdam 2026: Adopting AI in Orgs EditionTechLead Conf Amsterdam 2026: Adopting AI in Orgs Edition
8 min
Organic Leadership in the Age of AI: Why human Touch Becomes More Valuable Than Ever
Reflecting on the integration of AI in software development and the implications for leadership and decision-making. AI integration in leadership: embracing context, judgment, and accountability. Principles: Context before output, Intent before optimization, Awareness before efficiency, Accountability before automation. Leadership as an ecosystem with roots, stem, and fruit; AI's role in each part. Using AI at different levels of leadership: fruit, stem, and roots. Decision-making needs context. Leadership bridges information and context gaps. AI for efficiency but human touch for depth and understanding.
Ensuring Quality with AI
TechLead Conf Amsterdam 2026: Adopting AI in Orgs EditionTechLead Conf Amsterdam 2026: Adopting AI in Orgs Edition
7 min
Ensuring Quality with AI
Richard Rodenkemper, senior software engineer at Sentry, discusses ensuring quality with AI. GitHub data shows exponential growth in coding. Concerns arise about the reliability of coding agents versus human engineers. Impact of AI and Cloud on code production and app quality is questioned. Challenges in code reliability despite increased production are highlighted. AI as a quality tool in software development. Importance of reliability for product success highlighted. AI's strengths in handling data and searching code base discussed. Examples of AI usage in code reviews and quality assurance at Sentry shared. AI efficiency in endpoint deprecation and system updates highlighted. AI's assistance in migrating design systems and reducing notifications using Cloud Code emphasized.
Garbage Collection Between V8, cppgc (Oilpan), and Native Runtimes
Node Congress 2026Node Congress 2026
9 min
Garbage Collection Between V8, cppgc (Oilpan), and Native Runtimes
Today's presentation delves into garbage collection challenges in JavaScript and native code, highlighting the impact on memory leaks and bugs. V8's implementation of minor and major garbage collection is discussed. The evolution of memory management in runtimes, including Node.js and Deno, is explored, emphasizing the shift towards automatic cleanup and improved performance. The complexity of runtime memory management, especially in handling CPP objects and bridging with workers, is outlined. Key points include the efficiency gains from generational garbage collection and the importance of migrating away from certain memory management practices for enhanced runtime performance.
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
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.
Navigating Islands of Interactivity
React Advanced 2025React 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.
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.
A Brief History of Code Review (And What's Next)
JSNation 2026JSNation 2026
8 min
A Brief History of Code Review (And What's Next)
The Talk explores the transition from solo development to code review history, tracing it back to the Fagin Inspection process in the 1990s. It discusses the evolution of code collaboration from in-person meetings to remote, email-based discussions. The shift to modern code review via pull requests on GitHub improved collaboration efficiency. The integration of AI in code review enhanced processes and enabled instant feedback. Encouraging open source projects to adopt code review tools and prioritize the importance of thorough reviews is highlighted.
From Experiment to Enterprise: Scaling AI Coding Assistants Across Engineering Teams
TechLead Conf London 2025: Adopting AI in Orgs EditionTechLead Conf London 2025: Adopting AI in Orgs Edition
9 min
From Experiment to Enterprise: Scaling AI Coding Assistants Across Engineering Teams
Sharing insights on scaling AI coding assistance & adopting AI native dev tools. Discussing the need for a shift from viewing adoption as a tech problem to a change management challenge. Exploring a tactical framework with three key phases: onboard, adopt, succeed. Emphasizing the importance of onboarding developers, ensuring access to licenses, and setting clear policies to avoid 'shadow AI'. Highlighting the necessity of human infrastructure for successful AI dev tool implementation, including AI advocates, communities of practice, and executive sponsorship. Adoption strategies require a focus on interconnected metrics and all pillars simultaneously. Leadership checklist for post-conference actions involves measuring metrics, distinguishing between strategic and tactical points, and staying connected through platforms like WhatsApp and LinkedIn.
Latest
No Servers, No Cloud, No Masters: Make P2P Apps
JSNation 2026JSNation 2026
32 min
No Servers, No Cloud, No Masters: Make P2P Apps
Working on peer-to-peer technology without infrastructure, enabling JavaScript apps to deploy device-to-device without servers or the cloud. Users can create apps where data resides on their devices, offering new monetization possibilities. Refining decentralized technology for four years. Tether partnership empowers users with decentralized technology. Distillation: Use a module. Deploy peer-to-peer. App named Keat. Reincarnation of the bird with a million users monthly. Hole punching for user connectivity. Keat's no-phone-number policy. PAIRS stack: Cloud-free robust tech with cost efficiency. Keat's QR code for PAIRS dev group. PAIR Runtime deployment simplicity. BAIR for peer-to-peer applications. BAIR's modular approach and ecosystem. Hyper ecosystem for peer-to-peer capabilities. Autobase for conflict resolution and PeerRuntime for peer-to-peer updates and simple primitives. Primitives for peer-to-peer apps with CLI for deployment and staging environments. Key stages in app deployment: internal staging, pre-release, and production with multisig approval for release. Deployment using a dual-distribution model with vendor-sign distributables for peer-to-peer updates and infrastructure cost reduction. Exploring Hyper ecosystem modules and deployment layers for efficient versioning and staging. Peer-to-peer over-the-air updates for mobile applications, PearPass password manager, and high-quality local models in Qvac and Keat. Pairs.com, Docs.Pairs.com, hiring for various roles including P2P, traditional stack node, and frontenders. Discussion on risks of decentralized systems and trade-offs in centralized profit-based models. Predators online, peer-to-peer benefits, and surveillance funding redirection. Security concerns, supply chain attacks, and decentralized control for reduced vulnerabilities. Multi-sig verification for supply chain security in peer-to-peer updates. Browser limitations and preference for app-based distribution.
A Leak in the Shell – How Refactoring Autocomplete Broke Us and How We Fixed It
Web Engineering Summit 2026Web Engineering Summit 2026
26 min
A Leak in the Shell – How Refactoring Autocomplete Broke Us and How We Fixed It
Glad to talk about JavaScript and Mongosh, a database CLI for MongoDB. Wanted to enhance autocomplete. Challenges with out-of-memory errors during testing. Debugging involved reducing heap size and using Node.js flags for memory analysis. Understanding memory retention challenges in JavaScript. Fixing memory retention bugs in Node.js core REPL for improved memory management. Introducing Finalization Registry and V8.QueryObjects for observing object finalization in JavaScript. Utilizing HeapSnapshots for memory leak debugging and AI integration. Challenges in understanding and debugging applications. Gap in testing autocomplete release with feature flag variations. Reliable ways to flush GC before heap inspection using v8.get heap snapshot and Node.js flag.
A Brief History of Code Review (And What's Next)
Web Engineering Summit 2026Web Engineering Summit 2026
8 min
A Brief History of Code Review (And What's Next)
The speaker delves into the history of code review, highlighting the Fagan inspection process from the 1990s. Code review processes evolved from print-based reviews in the 1990s to collaborative online reviews via emails and diff tools in the 2000s. The modernization of code review processes includes the shift to pull requests with GitHub, challenges of increased PR reviews in the remote work era, and the role of AI in providing instant feedback on code quality. The future of AI-augmented code review envisions an asynchronous process with AI agents offering feedback through various channels, including CLI usage, and CodeRabbit's innovative approach to code review tools.
Stress Test Your Reflexes (And My App)
Web Engineering Summit 2026Web Engineering Summit 2026
32 min
Stress Test Your Reflexes (And My App)
Eddie from PayPal introduces a Whack-A-Mole game to discuss real-time data and engage the audience. Real-time data is essential for dynamic updates and efficient data handling. Challenges with AI-generated MVP led to a successful times three model with real-time features. The evolution of data communication technologies from Comet to WebSockets is highlighted. Transition to WebSocket native implementation for efficiency and benefits of using Superbase are discussed. Real-time features in games, event handling, presence tracking, and event broadcasting are explored. React SDK, real-time tools, scalability with Meteor, and managing data noise are addressed in the Q&A sessions.
Supercharging Your Tooling With Rust
Web Engineering Summit 2026Web Engineering Summit 2026
24 min
Supercharging Your Tooling With Rust
Mael discusses the evolution of Yarn from its origins in 2016 to the current version being developed in Rust. Yarn's stability and familiarity with the codebase led to the decision to build Yarn 6 in Rust, despite challenges faced with previous rewrites and limitations of Yarn 4. Large companies using Yarn faced latency issues due to the number of workspaces. Yarn aimed for improved performance with features like lazy install to enhance user experience. Yarn aimed to be exceptionally fast, catering to various ecosystems beyond JavaScript, like Python and Rust, to enhance usability. Yarn faced challenges with breaking changes and friction during the rewrite to Yarn 2, emphasizing the importance of careful implementation in Yarn 6's development. Learning a new language was a key part of the rewrite process, with significant progress in test passing and personal proficiency in Rust. Developing in Rust led to a growth in personal proficiency and revealed insights into Rust's tooling and concurrency benefits. Rust revealed experimental features and concurrency benefits, requiring mental model shifts. Rust's human-written code rewrite with AI assistance. Challenges of integrating Yarn rewrite with Rust version and freezing main branch for rewrites. Considerations for rewriting projects in Rust, YARN's improved performance, and the importance of motivation and resilience in such endeavors. YARN's expansion to support multiple ecosystems and the invitation to engage in devlogs and share feedback on the talk and rewrite.
The Monorepo Multiplier: 10x Your Team with Better Architecture
TechLead Conf Amsterdam 2026: Adopting AI in Orgs EditionTechLead Conf Amsterdam 2026: Adopting AI in Orgs Edition
28 min
The Monorepo Multiplier: 10x Your Team with Better Architecture
The Talk delves into the challenges faced with polyrepos, emphasizing issues with managing multiple apps and dependency hell. It highlights the benefits of monorepos in efficient code sharing and version management, advocating for their simplicity and effectiveness. The advantages of monorepos include atomic changes, large-scale refactoring, and strong code reuse culture. Monorepos offer benefits such as simplified dependencies, unified CI-CD, enhanced collaboration, and efficient refactoring. The impact of monorepos on legacy code bases includes reusability, traceability, early issue detection, and enhanced CICD processes. The discussion also touches on the challenges of context switching in a polyrepo environment, the limitations of AI in polyrepo versus monorepo settings, and the importance of building context layers for enhancing AI capabilities in monorepos.
Stress Test Your Reflexes (And My App)
JSNation 2026JSNation 2026
32 min
Stress Test Your Reflexes (And My App)
Eddie from PayPal introduces a game called Whack-A-Mole but discusses the importance of real-time data and its elimination of constant page refreshing for applications. The evolution from AJAX to Comet to WebSockets marked a transition towards efficient bidirectional data communication, with Socket.IO simplifying complex processes. Postgres changes and Superbase enhance real-time features for better user experience. Real-time event handling, presence tracking, and broadcast events are crucial for scalable and flexible processing. The talk also delves into challenges and solutions in handling real-time data, including managing presence metrics and monitoring event handling.
MCP Apps – the Next Web
Web Engineering Summit 2026Web Engineering Summit 2026
33 min
MCP Apps – the Next Web
Liad Yosef
Ido Salomon
2 authors
The Talk discusses the evolution of MCP-UI, its partnership with OpenAI and Anthropic, and its adoption by early adopters like Shopify. It emphasizes the community-driven maintenance and support of MCP-Apps, transmitting UI over MCP, and standardizing app communication with hosts. The exploration of interactive UI components, real-time model interactions, and the revolutionization of web experiences with UI chunks are highlighted. The Talk also delves into enhancing user experiences with adaptive apps, future directions for MCP apps, global reach, security measures, developer control, user engagement, and integration of MCP apps with WebMCP.
Taking a Dump: Using Heap Dumps to Find and Fix NodeJS Memory and CPU Problems
JSNation 2026JSNation 2026
22 min
Taking a Dump: Using Heap Dumps to Find and Fix NodeJS Memory and CPU Problems
Talking about using heap dumps to find and fix Node.js memory and CPU problems. Starting with a horror story of server crashes and memory leaks in Node.js environment. Exploring why memory leaks occur in JavaScript and how garbage collection works in programming languages. Memory leaks can occur in garbage collected environments. Understanding how garbage collection works in JavaScript and general programming languages. Exploring the mark and sweep phases of garbage collection to identify and reclaim unreachable objects. The garbage collection process involves two phases: mark and sweep. Objects not reachable from roots are marked for removal. The issue arises when objects can still be reached, causing memory leaks like with unbound caches. Memory leaks can occur due to global references or unclosed hooks causing objects to remain in memory, leading to potential memory overflow. Memory usage fluctuates due to garbage collection cycles, which prevent memory leaks by releasing unused memory. A memory leak leads to increasing memory and CPU usage, potentially causing system unresponsiveness. Pinpointing memory leaks is challenging as they affect the entire application, often appearing in production environments. Heap and memory dumps help analyze memory issues, generated in multiple ways like DevTools and command line. Exploring memory usage through Node.js application launch, debug mode, and heap snapshot analysis in Chrome DevTools. Exploring memory snapshots and pinpointing memory leaks by creating diffs between snapshots to identify leaked objects and their references for easy fixes. Exploring different methods for generating memory snapshots, including CLI flags, experimental node flags, and API usage, to efficiently identify memory leaks and manage heap dumps in Node.js environments. Discussing security considerations, challenges in memory leak detection, utilizing heap dumps for resolution, and emphasizing the importance of data security and verification in fixing memory leaks.
Using Spec-Driven Development for Production Workflows
Web Engineering Summit 2026Web Engineering Summit 2026
19 min
Using Spec-Driven Development for Production Workflows
Eric Hanchett discusses spec-driven development, emphasizing structured code creation with specifications before writing any code. The importance of context in guiding large language models and the evolving nature of software development is highlighted. Kiro, an AI IDE coding assistant, offers a comprehensive solution for improved spectrum development processes. Kiro's focus on vibe and spec mode caters to the need for working on larger and more complex projects. Spec-driven development in Kiro is beneficial for in-depth features and structured project building. The discussion also includes property-based tests, MVP creation, and the Model Context Protocol (MCP) integration within the spec-driven development flow.
Popular
React
React Strict Dom: Cross-Platform React Based on the Web
React Summit US 2025React 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.
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.
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...
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.
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.
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.
Free workshops
Personalisation Without the Price Tag - Local LLMs for JavaScript Developers
JSNation 2026JSNation 2026
108 min
Personalisation Without the Price Tag - Local LLMs for JavaScript Developers
WorkshopFree
Jo Franchetti
Jo Franchetti
LLMs are powerful but unpredictable and most tutorials skip the part where you actually have to deal with that in production code. This workshop teaches you to use generative AI as an engineering tool: how to structure prompts around schemas, validate and repair non-deterministic output, and run...
Pear: Releasing Production P2P Apps
Web Engineering Summit 2026Web Engineering Summit 2026
54 min
Pear: Releasing Production P2P Apps
WorkshopFree
David Mark Clements
Mikkel Malmberg
2 authors
All it takes is a module and a CLI tool to build and deploy production peer-to-peer applications. In this workshop:Build a realtime peer-to-peer applicationConnect with others on your own application, completely peer-to-peer.Understand how to deploy, including produc...
Building Model Context Protocol (MCP) Tools for AI Agents with Cloudflare Workers
Node Congress 2026Node Congress 2026
73 min
Building Model Context Protocol (MCP) Tools for AI Agents with Cloudflare Workers
WorkshopFree
Confidence Okoghenun
Confidence Okoghenun
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...
Building with Gemini: AI Studio, Antigravity, and Google DeepMind's Latest Models
AI Coding Summit 2026AI Coding Summit 2026
34 min
Building with Gemini: AI Studio, Antigravity, and Google DeepMind's Latest Models
WorkshopFree
Paige Bailey
Paige Bailey
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...
"Hello World" on OpenShift AI: Training Your First Neural Network
AI Coding Summit 2026AI Coding Summit 2026
53 min
"Hello World" on OpenShift AI: Training Your First Neural Network
WorkshopFree
Legare Kerrison
Sawyer Bowerman
2 authors
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.
Hands-On Guide to Secure AI-Driven Coding
AI Coding Summit 2026AI Coding Summit 2026
52 min
Hands-On Guide to Secure AI-Driven Coding
WorkshopFree
Gil Friedman
Gil Friedman
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...
Ship a Production Voice Agent: A Hands-on Workshop
AI Coding Summit 2026AI Coding Summit 2026
49 min
Ship a Production Voice Agent: A Hands-on Workshop
WorkshopFree
Shifra Williams
Shifra Williams
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...
Build Your Dream Extensions with AI
AI Coding Summit 2026AI Coding Summit 2026
87 min
Build Your Dream Extensions with AI
WorkshopFree
Brittany Joiner
Brittany Joiner
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...
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...
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...