[go: up one dir, main page]

Upcoming events
JSNation US 2025
JSNation US 2025
Nov 17 - 20, 2025
React Summit US 2025
React Summit US 2025
Nov 17 - 21, 2025
React Advanced 2025
React Advanced 2025
Nov 27 - Dec 1, 2025
AI Coding Summit
AI Coding Summit
Oct 23 - 24, 2025
TechLead Conf London 2025: Adopting AI in Orgs Edition
TechLead Conf London 2025: Adopting AI in Orgs Edition
Nov 28, 2025
React Advanced Canada 2026
React Advanced Canada 2026
Mar 24 - 26, 2026
Node Congress 2026
Node Congress 2026
April, 2026
JSNation 2026
JSNation 2026
Jun 11 - 15, 2026
React Summit 2026
React Summit 2026
Jun 11 - 15, 2026
React Day Berlin 2026
React Day Berlin 2026
December, 2026
Web Development insights directly from framework authors and early adopters.
Talks from our events
AI Coding Summit
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
JSNation US 2024
JSNation US 2024
Nov 18 - 21, 2024
React Advanced 2024
React Advanced 2024
Oct 25 - 29, 2024
TechLead Conference 2024
TechLead Conference 2024
Jun 15 - 19, 2024
React Summit 2024
React Summit 2024
Jun 14 - 18, 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: The AI-Native Software Engineer
  • Talk: Design to Code Using a Custom Design System with AI
  • 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: Node.js: More Threads Than You Think
  • Talk: React Server Components in Kubernetes: Ship Happens
  • Talk: Meta Framework for Kubernetes: TypeScript Meets Cluster Control
  • Talk: What Happens When an AI Has Access to a Node.js Environment? Spoiler: Wild Things
  • Workshop: Exploring Server Side Rendering
... and 15 more talks and workshops
Trending today
Refactoring & Migrations with AI: Smarter Code Transformation at Scale
AI Coding SummitAI Coding Summit
19 min
Refactoring & Migrations with AI: Smarter Code Transformation at Scale
AI's role in refactoring and migrations. Tools like GitHub, Copilot, OpenAI Codecs improve transformations. Challenges in large-scale projects and AI's impact on modernizing legacy systems. Google and Reddit's success with AI-powered migrations. Framework migrations with AI: pattern recognition, syntax transformation, and seamless transitions. Successful AI refactoring integrates into CI/CD pipelines, providing critical capabilities like automatic quality gauges and continuous improvement through small changes. Challenges and mitigation strategies in AI refactoring, focusing on testing, human oversight, and organizational obstacles.
Scaling a React Application from 0 to a Brazilian Users
React Summit 2025React Summit 2025
19 min
Scaling a React Application from 0 to a Brazilian Users
Three years ago, faced tough decision job change. Chose tech co-founder role for innovative idea 'war with apply to job button' for universities. Startup validation via email engagement with decision makers, avoiding premature seeking of investment. Emphasis on tech stack adaptability, modular design, and reusability. Challenges with third-party library management, component library reorganization, and optimizing CSS loading. Focus on app quality improvement, release process enhancement for global success.
10x Engineering: How GenAI Tools Transformed My Team's Productivity
AI Coding SummitAI Coding Summit
31 min
10x Engineering: How GenAI Tools Transformed My Team's Productivity
What happens when generative AI isn't just a buzzword but a real engineering teammate? Over the past year, I've led my engineering team through a radical shift-integrating GenAI tools and building our own custom AI-powered solutions. The result? We've multiplied productivity, cut delivery times,...
Agentic CI/CD: from Pull Request to Production without the Paper Cuts
AI Coding SummitAI Coding Summit
25 min
Agentic CI/CD: from Pull Request to Production without the Paper Cuts
Discussing the evolution of CI CD pipelines to true autonomy, focusing on intelligent workflows, automation challenges, and paper cuts affecting developer productivity. Addressing challenges in software development, including slow reviews, security bottlenecks, complex debugging, and inefficient testing. Transitioning to autonomous decision-making with agentic systems and introducing Continuous Agentic and Continuous Deployment (CCD) as a deeper architecture change. Exploring agentic workflows with autonomous systems that make intelligent decisions and anticipate problems. Transitioning from an assembly line to a collaborative system with an AI pit crew for autonomous CACD workflows. Intelligent triaging filters false positives, ensuring developers focus on real issues. Orchestration of specialized agents into a cohesive team through an orchestrator agent. Vision of self-adaptive pipeline learning, adjusting workflows for optimal balance, elevating roles in agentic systems.
Vibe Coding at Enterprise Scale: What Happens When AI Joins Your Dev Team
AI Coding SummitAI Coding Summit
22 min
Vibe Coding at Enterprise Scale: What Happens When AI Joins Your Dev Team
Wesley discusses the potential benefits of integrating AI tools in software development, demonstrating a 45% productivity improvement with AI usage. The importance of engineers providing clear direction for AI tasks and overseeing AI-generated code is highlighted. Engineers are reminded that AI is a complement, not a replacement, for human expertise, and that effective AI usage involves clear communication and human oversight. Contextual guidance and effective task management strategies for AI interaction are emphasized.
AI-First Architecture: Why Single Responsibility Matters More Than Ever
AI Coding SummitAI Coding Summit
18 min
AI-First Architecture: Why Single Responsibility Matters More Than Ever
AI accelerating coding; principles crucial. Embrace change with structure for stable systems. AI as a new team player in system building. Single responsibility principle key for AI integration. Clear architecture aids AI recognition and prevents chaos. Enforcing rules and tests for code integrity in the AI era. Documentation provides context for humans and AI. Importance of investing in GuardDays for improved AI understanding.
Leadership Insights From Growing 2X in 8 Months
TechLead Conference 2025: AI in OrgsTechLead Conference 2025: AI in Orgs
15 min
Leadership Insights From Growing 2X in 8 Months
Product-market fit is like being pushed by the market, needing more. A game analogy illustrates teamwork dynamics in handling tasks. Communication is key in team growth, allowing delegation for collective success. Experienced team members focus on clarity, delegation, and accountability. Prioritize assigning tasks to team members based on expertise. Embrace the role of a side quest specialist for long-term or short projects. Engage in mentorship and explain reasoning to foster team independence and growth. Mentorship occurs organically between tasks, influencing work approaches. Trust your team to make decisions by explaining your rationale. Mentor one skill at a time to ensure effective learning and application. Focus feedback, encourage newbies, address weak points of experts to enhance performance. Focus on feedback for beginners and experts, emphasize outcomes and timely feedback to enhance performance. Realize the importance of quick utility, user stories, and outcome-focused work. Utilize user stories, documentation, and flexible roadmaps for effective planning and decision-making. Embrace change, document ideas, focus on user stories, and leverage backlogs for effective planning and adaptation.
Sub Agent Context Sharing: How to Enable Effective Sub Agents for Coding
AI Coding SummitAI Coding Summit
15 min
Sub Agent Context Sharing: How to Enable Effective Sub Agents for Coding
Cloud Code introduced sub-agent feature for better performance. Understanding the sub-agent concept and its role. Challenges of sub-agents in direct implementation. Parent agents' limited visibility. Efficient context management with MD files for sub-agents' tasks and reports boosting Cloud Code performance. Guidelines for creating useful sub-agents with specific MCP tools. Utilizing TweakScene MCP for scene design reference and defining rules for sub-agent tasks. Setting goals, output format, and rules for sub-agents. Building a chat GPT replica with chat.cn UI and Versatile AIS. Integration with VerCell AI SDK for seamless implementation.
Using Spec-Driven Development for Agentic Coding
AI Coding SummitAI Coding Summit
17 min
Using Spec-Driven Development for Agentic Coding
Eric Hanton introduces spec-driven development, contrasting traditional waterfall methods with agile approaches. Qiro, an AI IDE coding assistant, evolved from AWS history and garnered positive feedback. QIRO facilitates in-depth feature planning with detailed requirements and design documents. Spec-driven development in QIRO emphasizes checking and rechecking, allowing flexibility in task management. MCP integration enhances task flexibility and information retrieval. Utilizing MCP servers in spec-driven development improves smartness and information integration. Agent steering files enhance JIRA context and accuracy in information retrieval.
Docker MCP: Packaging & Deploying AI Tools with Model Context Protocol
AI Coding SummitAI Coding Summit
33 min
Docker MCP: Packaging & Deploying AI Tools with Model Context Protocol
Christian Velkoff discusses Docker, MCP, AI tools. TypeScript utility types book creation. Anthropic's open-source protocol for AI communication. Docker introduces MCP toolkit for AI server connection. Configuring servers and connecting to clients securely in Docker. Adding and connecting MCP server and client in Cursor. Creating and showcasing MCP Docker repository. Deploying servers with Docker, tagging and deploying Docker images for MCP. Utilizing Docker server locally and with Docker, exploring AI enhancement. Introduction to Gordon AI tool for Docker enhancement and GitHub sharing.
Featured
Short takes
Delivering High-Quality Videos on Your ReactJS Website
React Summit 2025React Summit 2025
7 min
Delivering High-Quality Videos on Your ReactJS Website
Raul from ImageKit discusses optimizing and streaming videos, highlighting challenges like resolutions and codecs. Developers can use ImageKit Video API for seamless integration and quick optimization. ImageKit offers streamlined video hosting with real-time optimization and adaptive streaming. It enables easy access to cloud storage and transformation of videos for better user experience.
Simplifying Analytics in React Apps
React Summit US 2024React Summit US 2024
7 min
Simplifying Analytics in React Apps
I'm presenting on simplifying analytics in React apps. We want to build embedded analytics for developers using common languages like JavaScript and TypeScript. By reducing backend complexity, developers can prioritize building dynamic data-rich UIs. BI platforms didn't deliver the customization required, so we aim to use React to create a powerful SDK. The SDK involves constructing a semantic layer, building reusable components in React, and doing cool things with it. We simplify the data model and generate a TypeScript representation. Sisense provides APIs for authentication, row-level security, and customization. We can now build React components directly off the generated model. The data model called datasource enables simple UI and eliminates the need for front-end engineers to write SQL API calls. We built a near-production-ready application using a React template and Sisense as the backend. With the simplified system and a semantic layer, we can now use large language models for chatbot-driven visualizations and dashboard layouts. This framework enables faster development and alternative methods for generating interactive React objects.
Building React Primitives to Power In-App Messaging
React Summit US 2024React Summit US 2024
8 min
Building React Primitives to Power In-App Messaging
Watch video: Building React Primitives to Power In-App Messaging
Hi, everyone. I'm Chris, the CTO at Nock. We help product teams power user-centric cross-channel notification experiences. Today, I'll talk about extending the abilities of our in-app messaging and how you can power any kind of in-app messaging using our platform. We optimize for flexibility, customization, and a shallow learning curve. Our pre-built React components include a banner, modal, card, and notification feed. All of this comes out-of-the-box, supporting light mode and dark mode. Easily show modals and announcements with no additional code. Own the rendered components for performance and customization. Build custom components with minimal code. Use hooks for fetching data and real-time updates. Noc provides a schema for strong data integrity.
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
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.
Next.js Adapters: Build Once, Deploy Everywhere
React Summit 2025React Summit 2025
7 min
Next.js Adapters: Build Once, Deploy Everywhere
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.
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.
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
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.
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
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.
Aligning Patterns Across Design and Development
React Summit US 2024React Summit US 2024
8 min
Aligning Patterns Across Design and Development
I'm Jake, a developer advocate at Figma, and today I'll be discussing aligning patterns between design and development. Collaboration between designers and developers requires recognizing our different perspectives. The goal is to close the gap between design and development, but this is often aspirational. The optimal path between design and development is somewhere in between, depending on factors like friction or waves. By recognizing each other's areas of resistance, we can find ways to make collaboration more effective. Figma's Code Connect fills the gap between Figma component logic and code logic by allowing teams to publish code-based informed component code snippets. CodeConnect currently supports HTML, Web Components, Angular, Vue, React, SwiftUI, and Jetpack Compose, and seeks to support more languages.
Latest
Bridging the Gap: Documenting APIs for Humans and LLM Agents
AI Coding SummitAI Coding Summit
22 min
Bridging the Gap: Documenting APIs for Humans and LLM Agents
Discussing the importance of writing for humans and LLMs, optimizing content for AI and LLM accessibility, and enhancing signups through AI referrals. Exploring methods to structure content for LLMs, optimize documentation for both human and LLM accessibility, and enhance AI-friendly documentation. Utilizing MCP server for better content structuring, adopting GEO for future AI tool optimization, and targeting audiences with content optimization by companies like MongoDB and Stripe.
Let's Fight: React Framework Showdown 🥊
React Summit 2025React Summit 2025
27 min
Let's Fight: React Framework Showdown 🥊
Today's focus is on comparing React frameworks and choosing the most suitable one for your project based on your beliefs about app development. Ankita's tech background, education focus, and unbiased framework comparison oath. Comparison of Next.js, React Router v7, CanStack Start. SSR and streaming in web evolution. Frameworks' different approaches. Choosing the right framework for app development based on needs. Comparing frameworks based on key pillars. Next.js for scalability and SEO. Remix for web standards integration. Tanstack Start for client-heavy apps and server-first approach. Different components in Next.js. Next.js ideal for e-commerce and content-heavy sites. Flexibility with React router for various applications. Tanstack's focus on client-heavy apps. Tanstack Start benefits, including server-first approach and full typing. Tanstack's advantages in typing, streaming, and server functions. Ideal for client-heavy apps with interactivity. Consider adoption rates and ecosystem longevity when choosing a framework. Comparison of Next.js, React Router v7, and Tanstack in terms of learning curve, adoption points, and routing methods. Developer experience comparison among Next.js, React Router v7, and Tanstack. Performance aspects including image handling, caching controls, and prefetching in Next.js and TANstack. Comparison of data fetching methods in Next.js, React Router, and TANstack. Deployment flexibility across frameworks. Key considerations for choosing Next.js, React Router, or Tanstack based on specific criteria. Next.js highlighted for built-in optimizations, server components, and broad community support. React Router emphasizes progressive enhancement, accessibility, and deep nested routing. Tanstack recommended for React Query integration, client-heavy apps, and SSR without complex abstractions.
I Don’t Know Everything, and That's the Job
TechLead Conference 2025: AI in OrgsTechLead Conference 2025: AI in Orgs
21 min
I Don’t Know Everything, and That's the Job
Maya Shavin's tech journey, the importance of collaboration and growth, asking quality questions for problem-solving, prioritizing root causes, embracing uncertainty, admitting uncertainty and growing influence, influencing team growth, smart prioritization, building trust, efficient task management, smart delegation, mastering prioritization with AI assistance, empowering learning, and scaling impact.
Senior Isn't About Your Tech Skills
React Summit 2025React Summit 2025
15 min
Senior Isn't About Your Tech Skills
Being senior isn't just about tech skills; continuous improvement and broadening impact are vital for growth in the tech industry. Being effective in your work means focusing on outcomes that create superpowers for others, increasing your career opportunities and impact. Delivering valuable work creates opportunities for growth and rewards in your career. Being a senior engineer evolves from task execution to leadership and team management, leading to significant career growth and financial rewards. Results on your resume matter for your next job. Leadership, not titles, defines a senior engineer's role. Senior engineers lead projects, create direction in chaos, and focus on delivering results efficiently and effectively.
Speeding Up Your Node Sever With Rust
JSNation 2025JSNation 2025
21 min
Speeding Up Your Node Sever With Rust
Talk on improving Node server efficiency with Rust. Node's ease of use but inefficiency for some tasks. Example of a slow express server handling high scores inefficiently. Native modules in Rust provide a safer alternative to C for improving efficiency. Rust empowers developers to build reliable and efficient software, with strong static typing and immutability by default. Rust's result and option enums handle error and value absence cases. The ownership system in Rust ensures safe memory management without manual intervention. The importance of ownership in Rust for memory management and error prevention. Writing native modules in Rust with NAPI for easier project creation and code integration. Exploring the efficiency gains of using Rust's native modules for faster performance and reduced risks in development.
Maximize Productivity with AI Agents
React Summit 2025React Summit 2025
30 min
Maximize Productivity with AI Agents
Tejas discusses AI agents and productivity at the React Summit, emphasizing the role of AI in enhancing user experiences. The use of JSON data and system prompts to improve parsing and streaming processes is highlighted. The importance of AI agents in web navigation for increased productivity and efficient website interaction is explored. Development of tools like the Google Calendar Manager Agent for better calendar management and troubleshooting calendar event creation are discussed. The talk also delves into future possibilities in UX and technology, along with insights on AI component creation and comparison between Langflow and N8n.
Blazing Fast Page Navigation with Speculation Rules
React Summit 2025React Summit 2025
20 min
Blazing Fast Page Navigation with Speculation Rules
The talk explores the concept of building fast-navigating pages using speculation rules to enhance user experience. It delves into human impatience and the evolving perceptions of page speed. Speculation rules optimize page loading for seamless transitions based on user behavior predictions. Configuring speculation rules in HTML involves action decisions, target selection, and eagerness settings impacting loading behavior. Eagerness settings determine link loading behavior and resource optimization. The implications of speculation rules implementation include responsible pre-rendering and pre-fetching, measurement metrics assessment, and considerations for broader browser support. The talk also covers debugging speculation rules, efficient analysis of pre-rendered content, browser regulations, and bandwidth optimization techniques for improved page loading efficiency.
Bundlers: A Deep Dive into Modern JavaScript Build Tools
JSNation 2025JSNation 2025
20 min
Bundlers: A Deep Dive into Modern JavaScript Build Tools
Edoardo, DevRel at Storyblok, explains the importance of JavaScript bundlers and discusses Storyblok's migration to Vite. Challenges with old JavaScript applications are illustrated, emphasizing issues with global variables and dependency control. Optimizing JavaScript module loading through ES modules is discussed, highlighting browser compatibility and performance concerns. The process of creating and structuring JavaScript bundles is detailed, focusing on dependency graphs and module organization. Techniques for managing bundle execution, utilizing abstract syntax trees for code parsing, and implementing optimization strategies are explored, with a specific emphasis on Vite, hot module replacement, and development enhancements.
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.
Sharing Is Caring – Boosting Micro-frontends Performance With Dependency Sharing
JSNation 2025JSNation 2025
22 min
Sharing Is Caring – Boosting Micro-frontends Performance With Dependency Sharing
Saar Becker discusses the challenges of micro-frontends at monday.com, focusing on bundle size due to loading React multiple times. The hot swap solution v1 is introduced to address this issue by sharing dependencies efficiently. Strategies include providing the same React version, managing shared dependencies through hot swaps, and optimizing bundle building by creating compound-named bundles. The talk delves into revising hot-swapping solutions, resolving indirect dependency issues, and optimizing dependency bundle building for production readiness.
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: Modern Dates and Times in JavaScript
JSNation US 2024JSNation US 2024
22 min
Temporal: Modern Dates and Times in JavaScript
I'll speak today about the Temporal proposal, which adds modern date and time handling to JavaScript. Temporal is an API that'll be available in browsers soon and will add a built-in library for dates and times, avoiding the need for external libraries like Moment. It offers strong typing with different types for different data, such as calendar dates with or without time. Temporal objects are immutable and designed to work with JavaScript's internationalization facilities. It addresses deficiencies in the global Date object and introduces types like instant and plain types for accurate representation of time and dates across time zones. With the old Date, representing a date without a time can be problematic, especially in time zones where midnight is skipped due to daylight saving time. Temporal introduces types like PlainDate, PlainTime, PlainYearMonth, PlainMonthDay, and ZonedDateTime to accurately represent different scenarios. Additionally, there is a type called Duration for arithmetic operations and unit conversion. Now that I've introduced you to the cast of characters in Temporal, it's time to show how to accomplish a programming task. We'll start with an easy task: getting the current time as a timestamp in milliseconds using the instant type. To convert between Temporal types, you can either drop or add information. The toZonedDateTime method is used for conversion and requires adding a time zone and a time. Although Temporal objects are immutable, you can create new objects with replaced components using the with method. Migrating from the old Date object to Temporal offers a more reliable solution and avoids potential bugs. Check out the documentation for more details and enjoy using Temporal in your codebase!
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
Evaluating React Application Performance with a Sip of RUM
React Day Berlin 2024React Day Berlin 2024
10 min
Evaluating React Application Performance with a Sip of RUM
Hello, everybody. How are we all doing? I'm going to talk about Rome, OpenTelemetry, and identifying performance bottlenecks and issues in React applications. The pillars of observability are logs and metrics. Logs are structured messages that warn, indicate, or error. Metrics include throughput, latency, custom and core web vitals. Traces allow us to see through the pathway of our application and identify bottlenecks. One common open standard for collecting these signals is open telemetry. React's client instrumentation is experimental and mostly unspecified. The open telemetry demo provides an example of front-end tracing in React, giving you a unique service name and basic metrics. The demo shows an HTTP POST request with the pathway and timing. The open telemetry project is still working on core web vital metrics and other enhancements. Real user monitoring (RUM) fills the gaps in open telemetry, capturing missing information. In conclusion, we discussed the importance of capturing logs, metrics, and traces and provided resources for further exploration.
Panel Discussion: Future of React
React Summit US 2024React Summit US 2024
39 min
Panel Discussion: Future of React
Watch video: Panel Discussion: Future of React
Kent C. Dodds
Shruti Kapoor
Mark Erikson
Eli White
Mofei Zhang
Theo Browne
Tom Occhino
7 authors
We're going to be doing a future of React panel discussions. React 19 is in RC stage and we're excited to hear when it will be stable. The React compiler is here to stay and is the future of developer experience and tooling. React 19 brings exciting features like RSCs and consolidation of the framework. React's commitment to community and innovation is commendable. The React team values feedback and actively engages with the community. React's future includes supporting the community and enabling smooth migrations. There's a need to teach underlying concepts and educate AI systems. Teaching and adapting to React can be challenging. The React compiler changes default re-rendering behavior. Collaboration with Next.js and Vercel has been valuable for React's development. Appreciation for the community and partnerships with Vercel and Microsoft.
Sketching with Code: Integrating React and p5.js
React Summit US 2024React Summit US 2024
30 min
Sketching with Code: Integrating React and p5.js
Hello React Summit! Senior software engineer building educational experiences at NewZella. Passionate about helping people get involved with open source. Creative coding journey started on Neopets. Have a CodePen with examples in p5.js, svg.js, and CSS. Talk is about p5.js and React, building an application to generate a grid pattern. Incorporating user inputs into the creative process using p5.js and React. Art exhibit at the Wellcome Museum inspired by generative art. True shade tiles and the 10 print algorithm inspired the pattern in our example. p5.js is a JavaScript library for creative coding, accessible to different backgrounds. Order is important in p5.js. React is better at managing complex state. Use the p5.js React wrapper to simplify integration. Use p5.js in instance mode to avoid naming collisions. Instance mode is safer and helpful as the project grows. Use destructuring to get values from input. Lerp color function creates color gradients. Use random seed for consistent random numbers in animations. Struggling with making the Canvas mobile-friendly. Animating P5.js sketches without relying on CSS. Optimizing canvas elements. P5.js and WebGL for 3D rendering. Conclusion and appreciation.
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
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.
Build AI Apps in 5 Minutes: Live Demo With Vercel AI Sdk, v0.dev, and Rag!
React Summit US 2024React Summit US 2024
12 min
Build AI Apps in 5 Minutes: Live Demo With Vercel AI Sdk, v0.dev, and Rag!
I'm doing a quick lightning talk today, talking about saying no to boilerplate and teaching you how to build an AI app in just minutes. We're going to talk about RAG, v0, fine-tuning for sales AI to SDK, and then talk a little bit about Entity Resolution and your AI toolkit. RAG is a hot topic in chatbot development and allows for creating chatbots with a deeper understanding of specific use cases. Rag offers a versatile AISDK that allows for easy model switching, augmentation, and fine-tuning. Entity resolution is important for resolving entities across multiple points of data, with use cases in personalized marketing, healthcare, and fraud detection.
Let's Build Suspense 🥁
React Summit US 2024React Summit US 2024
20 min
Let's Build Suspense 🥁
Hi, my name is Julian and I am super excited to be speaking at React Summit this year. Today, I will be talking about Suspense on the server and its importance in React server components. React server components allow us to differentiate between static and dynamic components, improving performance and user experience. Suspense improves performance by introducing streaming and out-of-order streaming. We can implement suspense on the server by creating a suspended object to store the suspended children and swapping out the loading state for the actual content using custom elements. Multiple suspense boundaries can be used to render individual loading states for different sections, improving the user experience.
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.
If You Were a React Compiler
React Summit US 2024React Summit US 2024
26 min
If You Were a React Compiler
Top Content
In this talk, the speaker aims to build an accurate understanding of how the new React compiler works, focusing on minimizing re-renders and improving performance. They discuss the concept of memoization and how it can be used to optimize React applications by storing the results of function calls. The React compiler automates this process by analyzing code, checking dependencies, and transpiling JSX. The speaker emphasizes the importance of being aware of memory concerns when using memoization and explains how the React compiler detects changes in function closure values. They also mention the Fibre Tree, which drives the reconciliation process and helps optimize performance in React. Additionally, the speaker touches on JSX transpilation, compiler caching, and the generation of code. They encourage developers to understand the code generated by the compiler to optimize specific sections as needed.
Our Own React Global State Manager in Less Than 50 Lines of Code
React Summit 2025React Summit 2025
26 min
Our Own React Global State Manager in Less Than 50 Lines of Code
Speaker delves into global state management in React, mentioning Redux and alternatives like React context. Creating a global state manager in under 50 lines of code with React context, highlighting challenges with performance and React specificity. Building a custom hook named user store for state management, implementing state and API for store, handling partial state updates efficiently. Managing listeners for state changes, setting up custom hooks and selectors, and subscribing to external stores. Demonstrating optimization in state management and preventing unnecessary button re-renders. Discussion on Redux, Signals, debugging, and various global state management choices like Zestand and Redux toolkit.
Is React Really Dying?
React Advanced 2024React Advanced 2024
29 min
Is React Really Dying?
Is React really dying? React is dead. Let's take a look at the numbers. Svelte is getting 1.5 million downloads per week. Angular is pulling 3.5. Probably not a competitor with React. React dwarfs everything with 25 million downloads a week. React is incredibly popular with 4 million users and developers. Despite some criticism, a survey shows that 71% of respondents liked React, while only 28% didn't. React's flexibility and options can be overwhelming for beginners. React's complexity has increased, causing confusion for beginners. Memory management, overcomplicated architecture, and innovation fatigue are common challenges in React. React 19 is delayed due to suspense issues. React server components are a favorite innovation. Qwik's hydration model is cool. Qwik is amazing, and it would be cool to see something like it for React. AI can help you get 80% there, but you still need an actual developer to tweak and clean up the code. Tab AI keeps your workflow going. React's popularity is undeniable. The momentum behind React is strong, and it's unlikely to fade away anytime soon.
Free workshops
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...
Enhancing React Apps with Playwright Monitoring
React Summit 2025React Summit 2025
68 min
Enhancing React Apps with Playwright Monitoring
WorkshopFree
Nica Mellifera
Nica Mellifera
Test and trust your React app by combining Playwright’s powerful browser automation with modern synthetic monitoring. In this hands-on workshop, you’ll learn how to write real user flow tests with Playwright, run them locally, and then scale them into production-ready monitoring with Checkly....
Building Dynamic Grids and Charts
React Summit 2025React Summit 2025
140 min
Building Dynamic Grids and Charts
WorkshopFree
Brian Love
Brian Love
AG Grid and AG Charts are enterprise grid and chart libraries that are built for performance. In this workshop, you'll learn the basics of getting started with building feature-rich grids and charts in your React applications.
You'll discover:How qu...
Instrument, Monitor, Fix: A Hands-On Debugging Session
React Summit 2025React Summit 2025
88 min
Instrument, Monitor, Fix: A Hands-On Debugging Session
WorkshopFree
Lazar Nikolov
Lazar Nikolov
You just shipped a new feature. Tests passed. CI’s green. Everything’s deployed. Life’s good… until the alerts start rolling in. Users reporting “weird stuff happening”, UI glitches, vague “it seems slow” reports, and that dreaded “can’t login” message. Well, this is shaping up to be a bad day. B...
Free webinar: Building Full Stack Apps With Cursor
Productivity Conf for Devs and Tech LeadersProductivity Conf for Devs and Tech Leaders
71 min
Free webinar: Building Full Stack Apps With Cursor
Top Content
WorkshopFree
Mike Mikula
Mike Mikula
In this webinar 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 furthe...
Tracing: Frontend Issues With Backend Solutions
React Summit US 2024React Summit US 2024
112 min
Tracing: Frontend Issues With Backend Solutions
Top Content
Featured WorkshopFree
Lazar Nikolov
Sarah Guthals
2 authors
Frontend issues that affect your users are often triggered by backend problems. In this workshop, you’ll learn how to identify issues causing slow web pages and poor Core Web Vitals using tracing.
Then, try it for yourself by setting up Sentry in a ready-made Next.js project to...
Deploy and Test Full-Stack React Apps on Cloudflare
React Summit US 2024React Summit US 2024
105 min
Deploy and Test Full-Stack React Apps on Cloudflare
WorkshopFree
Dario Piotrowicz
Christian Sparks
2 authors
This 3 hour workshop will provide an introduction to the Cloudflare Developer Platform for application developers. It will focus on developing a full-stack React application backed by tests that can guarantee the correctness of its interactions with the resources and APIs provided by the Develope...
Powerful Data Visualisation with AG Grid & AG Charts
React Summit US 2024React Summit US 2024
107 min
Powerful Data Visualisation with AG Grid & AG Charts
WorkshopFree
Mike Ryan
Mike Ryan
Does your React app have lots (and lots) of data that needs to be displayed in both Data Grids and Charts? Do your users want to interact with, analyse, and work with this data without compromising on performance or reliability? AG Grid provide the best React Data Grid & Charts libraries that...
Building Your Own GenAI Agent Application
React Summit US 2024React Summit US 2024
87 min
Building Your Own GenAI Agent Application
WorkshopFree
Amit Mandelbaum
Idan Rozin
2 authors
GenAI agents are one of the most promising directions for complex GenAI based applications. These agents can search the web, code, and carry complex tasks completely autonomously for the user. In this workshop we will learn the basics of GenAI agents. Define the basic terms and frameworks...
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 US 2025 logo
JSNation US 2025
New York, Nov 17 - 20, 2025
React Summit US 2025 logo
React Summit US 2025
New York, Nov 17 - 21, 2025
React Advanced 2025 logo
React Advanced 2025
London, Nov 27 - Dec 1, 2025
AI Coding Summit logo
AI Coding Summit
Oct 23 - 24, 2025
TechLead Conf London 2025: Adopting AI in Orgs Edition logo
TechLead Conf London 2025: Adopting AI in Orgs Edition
London, Nov 28, 2025
React Advanced Canada 2026 logo
React Advanced Canada 2026
Toronto, Mar 24 - 26, 2026
Node Congress 2026 logo
Node Congress 2026
April, 2026
JSNation 2026 logo
JSNation 2026
Amsterdam, Jun 11 - 15, 2026
React Summit 2026 logo
React Summit 2026
Amsterdam, Jun 11 - 15, 2026
React Day Berlin 2026 logo
React Day Berlin 2026
Berlin, December, 2026