Upcoming events
JSNation 2026
JSNation 2026
Jun 11 - 15, 2026
React Summit 2026
React Summit 2026
Jun 11 - 15, 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
AI Coding Summit London
AI Coding Summit London
Jul 6 - 7, 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
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
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
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
Why Node.js Needs an Application Server
Node Congress 2026Node Congress 2026
18 min
Why Node.js Needs an Application Server
Image
Matteo Collina discusses Node.js, its single-threaded design, and the introduction of threads in 2018 for parallelism and CPU utilization. Node.js production monitoring focuses on application health, fault tolerance, and event loop efficiency. VAT architecture improves Node.js applications with thread migration and monitoring. Node.js manages threads and failures independently with Prometheus monitoring. Scalability in Node.js involves Kubernetes clusters and in-process scaling. Next.js with React SSR for Node.js applications enables dynamic scaling and performance. Node.js handles CPU blocking and SSR performance by utilizing multiple threads.
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.
Tanstack Start - A Client-Side First Full-Stack React Framework
React Summit US 2024React Summit US 2024
30 min
Tanstack Start - A Client-Side First Full-Stack React Framework
Top Content
Image
We surveyed thousands of developers to show that a louder audience leads to a better presentation. There has been a shift in web app development towards server-first architectures, which has improved full-stack capabilities but at the cost of complexity and divergence from the client-centric approach. Tanstec Start is a meta-framework that aims to provide the best client-side authoring experience with powerful server-side primitives. The Tansec Router supports advanced routing features, URL state management, and JSON storage. Combined with the server-side rendering capabilities of TanStack Start, it becomes even more powerful. The TanStack Router has isomorphic loaders and integrates seamlessly with TanStack Query for additional features like polling and offline support. UseSuspenseQuery allows for dynamic streaming of data during SSR. TanStack Start also offers server-side features, API routes, server functions, and middleware. The future plans include RSCs, websockets, real-time primitives, and static pre-rendering. TanStack Start is now in beta and is suitable for building React apps. It is open source.
Running Java in Node.js with WebAssembly
Node Congress 2025Node Congress 2025
19 min
Running Java in Node.js with WebAssembly
Image
Hello, everyone. Welcome to my talk on running Java in Node.js with WebAssembly. Many organisations have a lot of Java code, and as they adopt newer technologies such as Node.js or CloudFloat workers, maintaining interoperability with this existing code becomes important. WebAssembly is a stack machine-based thing, like the JVM, but with a different instruction set. It improves over Asm.js with a new binary format and supports streaming compilation, SIMD, and 64-bit integers. Compiling Java code to WebAssembly involves converting JVM instructions, handling local slots, recovering if statements, and understanding control flow. Short circuit conditionals and loops are important to consider in the conversion process. Additionally, memory allocation, object creation, and program memory are key concepts. Overall, this talk explores the challenges and techniques involved in running Java in Node.js with WebAssembly.
React-First Micro Frontends in Regulated Industries
React Advanced 2025React Advanced 2025
23 min
React-First Micro Frontends in Regulated Industries
Image
Welcome to React-first micro-frontends in regulated industries. Introduction to micro-frontends and subdomains in web applications. Challenges of developing applications in regulated industries with strict rules and compliance regulations. Challenges of managing documentation and dependencies in micro front end solutions. Challenges in transitioning to a hybrid centralized-distributed approach for micro front ends. Control and orchestration in microfront-end environments; decentralized development and deployment with centralized oversight. Teams can choose not to upgrade to the latest version immediately; orchestration involves provisioning for end users and utilizing feature flags. In production, carefully selected microfront-ends are used. Using React offers advantages like easy version updates and dependency management. Avoid tightly coupling components from different micro-frontends. Opt for a loosely based approach with a registry in the central app shell for registering necessary fragments.
Transformers.js: State-of-the-Art Machine Learning for the Web
JSNation 2025JSNation 2025
27 min
Transformers.js: State-of-the-Art Machine Learning for the Web
Image
Joshua introduces Transformers JS and Hugging Face, emphasizing community collaboration and pre-trained models. Transformers JS evolution led to 1.4 million monthly users, supporting 155 architectures. The library's browser-based capabilities offer real-time processing, cost-efficiency, and scalability. Integration enhancements include native web GPU execution and React Native implementation. Web ML implementation focuses on Onyx Runtime for device execution and web GPU for resource optimization. Browser-based ML applications cover vision, speech recognition, and text-to-speech. Advanced implementations include multimodal applications and educational tools. Interactive AI demonstrations showcase semantic search and conversational AI scenarios. Model licensing transitions to ECMAScript for efficiency and model redownloading factors are discussed.
One Year Into Vue 3
Vue.js London Live 2021Vue.js London Live 2021
20 min
One Year Into Vue 3
Top Content
Image
Vue 3 has seen significant adoption and improvements in performance, bundle size, architecture, and TypeScript integration. The ecosystem around Vue 3 is catching up, with new tools and frameworks being developed. The Vue.js.org documentation is undergoing a complete overhaul. PNIA is emerging as the go-to state management solution for Vue 3. The options API and composition API are both viable options in Vue 3, with the choice depending on factors such as complexity and familiarity with TypeScript. Vue 3 continues to support CDN installation and is recommended for new projects.
Building End-to-End Encrypted Apps (Web & React Native)
React Summit 2024React Summit 2024
32 min
Building End-to-End Encrypted Apps (Web & React Native)
Image
This Talk explores the concept and advantages of end-to-end encryption in software development. It discusses the challenges of data encryption and conflict resolution in collaborative apps. The integration of end-to-end encryption with conflict-free replicated data types (CRDTs) is highlighted. The talk also covers simplified document sync, real-time sync and encryption, key management, and authentication. Additionally, it mentions the importance of local-first integration, CRDT frameworks, and data search indices.
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.
Vite and the Future of JavaScript Tooling
JSNation 2025JSNation 2025
23 min
Vite and the Future of JavaScript Tooling
Top Content
Image
Evan Yeo discusses Vite's growth, challenges with dependencies like ES Build and Rollup, and the creation of the bundler Rolldown. The JavaScript ecosystem faces fragmentation, but the company aims for a unified JavaScript stack. Rust is chosen for lower-level development, while JavaScript and TypeScript for high-level APIs. Roldown offers advanced bundling features, outperforming existing tools. Integration with Vite leads to tailored optimizations and significant speed improvements. Vite+ development focuses on creating a comprehensive toolkit. VitePlus integrates TS-down for library bundling, ViteTest for testing, and OX-Lint for linting. Future plans include monorepo awareness, build orchestration, and framework-like features.
Featured
Short takes
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
Image
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.
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
Image
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.
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.
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.
React for Good: Creating Inclusive, Secure, and Scalable Applications in Emerging Markets
React Summit 2025React Summit 2025
5 min
React for Good: Creating Inclusive, Secure, and Scalable Applications in Emerging Markets
Image
Inosency Andembera, React developer, discusses using React for building scalable, secure, and inclusive applications for emerging markets like Malawi and Africa. Addressing challenges of Internet connectivity, device limitations, security concerns, and inclusivity for first-time Internet users. Utilizing React for performance, security, and inclusion in emerging markets through code splitting, lazy loading, authentication, input validation, multiple language support, and simple UIs. Highlighting React's features in enhancing inclusion by addressing challenges in emerging markets, such as limited digital literacy, creating simple UIs, supporting multiple languages, internationalization, step-by-step UIs, and semantic HTML for accessibility. Zunga, a financial platform in Malawi, showcases React's benefits in addressing financial service gaps, scalability, offline support, and security enhancements.
Navigating Islands of Interactivity
React Advanced 2025React Advanced 2025
9 min
Navigating Islands of Interactivity
Image
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.
It’s Not Magic: Elevate Auth Security with PKCE Best Practices
Node Congress 2025Node Congress 2025
5 min
It’s Not Magic: Elevate Auth Security with PKCE Best Practices
Image
The talk discusses the need to enhance auth security with Pixie Best Practices and the limitations of current standards like OAuth 2 and OpenID Connect. It introduces Pixie as an added layer of security over the authorization code flow and explains how it prevents code injection. Pixie enhances security by connecting client requests with responses from the authorization server, preventing cross-site request forgery attacks. It is recommended for public clients and will be required for all clients in the upcoming OAuth 2.1 spec. The talk also highlights the benefits of Pixie for enhancing security in web apps. Learn more about Pixie and best practices at FusionAuth, where Kim Meida, Senior Director of Developer Relations, provides developer-first auth and auth APIs.
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
Image
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.
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
npm install && pray
Node Congress 2026Node Congress 2026
29 min
npm install && pray
Image
JavaScript developers face security risks in npm packages with self-replicating worms compromising packages. Supply chain attacks target prolific maintainers leading to unauthorized code injections. Vulnerabilities in package maintainers and implicit trust contribute to successful attacks. Secure package installation practices vary between npm and Deno. AI-generated code introduces new security risks with embedded secrets. Secure AI code execution involves sandboxing for isolation and secure handling of API keys.
Node Just Run
Node Congress 2026Node Congress 2026
16 min
Node Just Run
Image
Using Node to simplify common tasks in local environments and CI. Customization hooks and extending Node for additional file types are discussed by Jacob Smith. Node's need to understand different file types for main.tsx. Avoid using bundlers for local environments. Extending Node with customization hooks for asynchronous work is discussed. Spinning up infrastructure for async work is crucial. Utilize single responsibility principle for handling specific functionalities like CSS modules and media URLs. Collection of loaders/customization hooks simplifies integration with Node for various tasks. You don't need extensive knowledge of the inner workings. A demonstration highlights the usefulness of this approach in web development. Using customization hooks can significantly improve testing efficiency and speed. Node can spin up quickly without needing additional time. Minimal configuration is required, focusing on CSS modules and media URLs. Small, encapsulated functionalities do one thing, not heavily interacting with each other. Alternatives like Vite and Vitest are popular but may not offer the same performance as Node alone. Customization hooks allow precise usage, unlike solutions with a broader scope. The size impact difference is significant, with tiny customization hooks compared to larger alternatives, showing similar performance in tests.
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.
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 State of Node.js Security
Node Congress 2026Node Congress 2026
27 min
The State of Node.js Security
Image
Introducing Node.js security overview, defining vulnerabilities, non-vulnerabilities, and preventive measures. Discussing Node.js API input validation, real vulnerabilities like HTTP server crashes, and the importance of Node.js security in widely used platforms. Discussing the importance of Node.js maintenance, the introduction of experimental permissions in Node.js 20, and the seatbelt philosophy to protect against malicious code. Discussing the importance of maintaining up-to-date Node.js versions and using tools like npx isMyNodeVulnerable for security checks. Discussing the importance of Node.js security releases, funding, and dependency vulnerability assessment for a safer Node.js environment. Using Node.js Dependency Vulnerability Assessment to evaluate and address potential vulnerabilities, ensuring automated security checks and updates for a safer Node.js environment. Automating Node.js security release process, including configuration files for dependencies, extensive testing across various environments, and creating security release issues and blog posts automatically. Support for various environments, extensive testing with over 55 suites and 5,000 unit tests, automation efforts to streamline processes, and the establishment of a maintenance threat model for enhanced security measures. For a single pull request, it takes six hours to run tests, automation efforts in progress, maintenance threat model to address security risks, permission model roadmap, ongoing discussions on security reports, and plans for the Node.js Collaborator Summit. Active community involvement in Node.js security development, four security releases from 2024 to 2026 addressing various vulnerabilities, end-of-life version strategy with Node.js 16 and 18 having high weekly downloads, and the approach to issuing CVEs for end-of-life versions. Node.js project's strategy adjustment for CVEs to include end-of-life versions, importance of Node.js threat model, trust boundaries, and developer responsibilities. Node.js protection against network data, upgrade recommendations for different Node.js versions, and upcoming changes in Node.js release schedule.
Always Accurate Documentation
React Advanced 2025React Advanced 2025
11 min
Always Accurate Documentation
Image
As a designer and engineer, I've faced challenges with outdated documentation causing friction and trust erosion. Documentation drift arises from scattered sources and lack of a single reference, leading to ambiguity and staleness. React server components offer benefits like server-side rendering, composition flexibility, and lazy evaluation for enhancing documentation quality. By directly generating documentation from the TypeScript compiler, React server components ensure accurate and up-to-date content, improving documentation accuracy and flexibility.
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.
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...
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...
Advanced Claude Code Techniques for 2026
AI Coding Summit 2026AI Coding Summit 2026
127 min
Advanced Claude Code Techniques for 2026
Top Content
Workshop
Cole Medin
Cole Medin
Cole will walk through his agentic coding workflow that allows him to delegate all coding to the agent while still keeping him in the driver's seat (no vibe coding!). The key is to create a structured approach for both the up front planning and the validation - and he'll demonstrate what that loo...
Popular
JavaScript
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.
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.
React
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.
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...
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.
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.
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.
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.
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...
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
Image
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.
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.
Free workshops
"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.
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...
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....
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
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
AI Coding Summit London logo
AI Coding Summit London
London, Jul 6 - 7, 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