GitNation: Talks & workshops by core teams and top engineers

Upcoming events

Subscribe to the top JS conferences

AI Coding Summit 2026

Feb 26 - 27, 2026

JSNation 2026

Jun 11 - 15, 2026

React Summit 2026

Jun 11 - 15, 2026

Node Congress 2026

Mar 26 - 27, 2026

TechLead Conf Amsterdam 2026: Adopting AI in Orgs Edition

Jun 11, 2026

React Advanced 2026

October, 2026

JSNation US 2026

November, 2026

React Summit US 2026

November, 2026

React Day Berlin 2026

December, 2026

Web Development insights directly from framework authors and early adopters.

Talks from our events

TechLead Conf London 2025: Adopting AI in Orgs Edition

Nov 28, 2025

React Advanced 2025

Nov 27 - Dec 1, 2025

React Summit US 2025

Nov 18 - 21, 2025

JSNation US 2025

Nov 17 - 20, 2025

AI Coding Summit

Oct 23 - 24, 2025

TechLead Conference 2025: AI in Orgs

Sep 18 - 19, 2025

React Summit 2025

Jun 13 - 17, 2025

JSNation 2025

Jun 12 - 16, 2025

Node Congress 2025

Apr 17, 2025

Productivity Conf for Devs and Tech Leaders

Mar 27 - 28, 2025

React Day Berlin 2024

Dec 13 - 16, 2024

React Summit US 2024

Nov 18 - 22, 2024

React Query: The Modern Solution for Managing Server State in React Applications

React Query is a powerful open-source library designed for managing server state in React applications. It streamlines data fetching, caching, and synchronization, addressing the complexities associated with handling asynchronous data in modern web development. Notable for its ability to simplify these processes compared to traditional state management solutions like Redux, React Query has gained widespread adoption among developers for enhancing the efficiency and performance of applications reliant on API interactions.

Understanding React useEffect: A Comprehensive Guide to Side Effects in React

The useEffect hook is one of React's most powerful yet frequently misunderstood features. Since its introduction in React 16.8, it has transformed how developers handle side effects in functional components. Whether you're fetching data, subscribing to services, or manipulating the DOM, understanding useEffect is crucial for building robust React applications.

React Server Components: The Next Evolution in Web Development

React Server Components (RSC) represent one of the most significant advancements in the React ecosystem since its initial release. Introduced with React 18, RSC provides an innovative solution for optimizing performance and improving developer experience in modern web applications.

Top ideas

How does memoization work in React?

Memoization in React involves using React.memo to wrap components. It checks if props have changed; if not, re-renders are stopped. For non-primitive values, useMemo and useCallback hooks are used to preserve references and prevent re-renders.

What is Hugging Face?

Hugging Face is a platform where the machine learning community collaborates on models, datasets, and applications, aiming to democratize machine learning.

What is the main goal of Transformers JS?

The main goal of Transformers JS is to bring state-of-the-art pre-trained models directly to the web and browsers, allowing easy integration of machine learning functionality into web applications.

Can Redux be used with server-side rendering (SSR)?

Yes, Redux can be used with server-side rendering (SSR). You can create a Redux store for each request, dispatch actions to fetch data, and then pass the serialized state to the client for hydration. However, whether to use Redux for SSR depends on the specific needs of your application.

What are some key features of Svelte 5?

Svelte 5 introduces explicit state annotation with runes, compiler augmented reactivity, style encapsulation, and improved developer experience with features like native scoped styles and transitions.

What are the benefits of using a MonoRepo?

The benefits of using a MonoRepo include atomic changes, simplified code sharing, and a single set of dependencies. This facilitates faster development cycles, reduces integration issues, and simplifies project management across multiple teams or projects.

Why use React.js with TypeScript?

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

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

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

How does decentralization impact modern software architecture?

Decentralization is crucial in modern software architecture as it involves multiple teams, often spread across different locations, requiring a focus on more than just technology choices like microservices versus monoliths.

How should architecture be viewed according to Luca?

Architecture should be viewed as a mindset rather than a title. It involves understanding the context, making informed decisions, and adapting to changes over time.

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

React Summit US 2025

32 min

Building a Hybrid AI Chatbot with Next.js 16

Sam Selikoff

Vercel

Sam discussing Next.js features including cache components for dynamic apps with a blend of static pre-rendering for speed. Discussing a dynamic app with personal data, utilizing cookies and a database for chatting, showcasing Next 16's cache components for hybrid static and dynamic pages. Making necessary changes for cache components in Next to improve page loading speed and user experience, utilizing Suspense DevTools for enhanced rendering control. Utilizing state for real-time updates from OpenAI's async iterable stream in the front end. Using generators to streamline text data transmission from OpenAI streams for efficient UI updates. Discussing the benefits of managing less client-side state and implementing optimistic rendering for instant UI feedback. Discussing the use of temporary client state, error handling, and the concept of optimistic rendering for responsive and instant applications in Next.js. Exploring features of Next 16, cache components, and the use cache directive for dynamic rendering and runtime prefetching in Next.js.

next.js

Transformers.js: State-of-the-Art Machine Learning for the Web

JSNation 2025

27 min

Transformers.js: State-of-the-Art Machine Learning for the Web

Joshua Lochner

Hugging Face

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.

webgpu machine learning

Final Fantasy IX in React: Fighting the Browser, One Frame at a Time

React Advanced 2025

32 min

Final Fantasy IX in React: Fighting the Browser, One Frame at a Time

Joe Hart

Incident.io

The speaker discusses various creative projects and game development ideas, including unique games like Katamari Node Modules and Command and Conquer Tiberium Jira. They delve into the technical advancements of Final Fantasy 9, suggesting rebuilding it with modern tools like Godot or Unity. Challenges of nostalgic development, design styling techniques, interactive UI development, and advanced 3D rendering in React are highlighted. The talk also covers efficient scene rendering techniques, character movement in 3D scenes, visual effects, game element recreation in React, challenges in 3D web development, and future game development plans.

web development

Lynx: Unlock Native for More

React Summit 2025

32 min

Lynx: Unlock Native for More

Xuan Huang

ByteDance

Shen's first English talk at a conference introducing Lynx project with viral success, Lynx leveraging web technologies for multi-platform development, bridging web strengths with native capabilities, enhancing development capabilities with native UI elements, instant rendering, MTS enabling man-thread scripting and CSS support, exploration of Tailwind integration, embracing Haskell in Lynx for cross-platform thinking.

frameworks

React Native as a Gaming UI System in Unreal Engine

React Advanced 2025

20 min

React Native as a Gaming UI System in Unreal Engine

Danny Povolotski

Star Atlas

Talk on React Native as a Gaming UI System in Unreal Engine, covering the integration journey, importance in mobile app development, and current methods of game UI creation. Innovative approach of rendering UI in games using a browser headlessly onto a texture. Challenges and benefits of using React Native for game UIs, including handling JavaScript overrides and showcasing a demo. Exploration of applying shaders to React Native UI in a gaming context and invitation to engage with React Native on Unreal Engine for future game development.

game development

Building Interactive Async UI with React 19 and Ariakit

React Advanced 2025

28 min

Building Interactive Async UI with React 19 and Ariakit

Aurora Scharff

Crayon Consulting

Speaker shared challenges in building UI components with custom design, addressing accessibility standards, and handling async operations in React. Tools like Tailwind CSS, ARIAKit, and React 19 were highlighted for enhanced UI development. Focus on improving accessibility, UI structure, and interactive components with ARIA kit and React 19. Optimizing UI styling with ARIA attributes, enhancing keyboard accessibility, and readability. Coordinating UI updates with 'use transition' and 'use optimistic' hooks for seamless transitions. Streamlining error handling, implementing advanced logout functionality, and showcasing ARIA kit benefits. Discussing notification practices, component selection, and contrasting ARIA Kit vs. React ARIA capabilities.

react server components

React Query API Design – Lessons Learned

React Advanced 2024

26 min

React Query API Design – Lessons Learned

Top Content

Dominik Dorfmeister

React-Query maintainer

I'm super excited to be here today, giving my first live talk at an in-person conference. Dominik, the maintainer of React Query, walks through the API design decisions, including success stories, trade-offs, and mistakes. Tener Linsley designed React Query's medium-sized query API to be minimal, intuitive, powerful, and flexible. Major versions in open source require marketing efforts, but not primarily for adding new features. TypeScript is crucial for building projects and managing user demands in open source can be challenging. The addition of the max pages option improved performance and avoided unnecessary refetches. Inversion of control gives users flexibility, but mistakes can happen in API design. Open source requires time management and feedback from users. API design is influenced by typing ease and good TypeScript support. Getting involved in open source involves trial and error and joining community platforms like TanStack Discord. Dominik's journey started during the pandemic and he can be found on Twitter, TanStack Discord, and his blog.

react query

From Segments to Suspense: The Future of Next.js Caching

React Advanced 2025

27 min

From Segments to Suspense: The Future of Next.js Caching

Wyatt Johnson

Vercel

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.

react next.js performance frontend react server components server cache

React Strict Dom: Cross-Platform React Based on the Web

React Summit US 2025

29 min

React Strict Dom: Cross-Platform React Based on the Web

Nicolas Gallagher

Top Content

Luca Mezzalira

Author of Front-End Reactive Architectures and Building Micro-Frontends

In modern software development, architecture is more than just selecting the right tech stack; it involves decision-making, trade-offs, and considering the context of the business and organization. Understanding the problem space and focusing on users' needs are essential. Architectural flexibility is key, adapting the level of granularity and choosing between different approaches. Holistic thinking, long-term vision, and domain understanding are crucial for making better decisions. Effective communication, inclusion, and documentation are core skills for architects. Democratizing communication, prioritizing value, and embracing adaptive architectures are key to success.

architecture

Build LLM agents in TypeScript with Mastra and Vercel AI SDK

React Advanced 2025

145 min

Build LLM agents in TypeScript with Mastra and Vercel AI SDK

Featured WorkshopFree

Eric Burel

LLMs are not just fancy search engines: they lay the ground for building autonomous and intelligent pieces of software, aka agents.
Companies are investing massively in generative AI infrastructures. To get their money's worth, they need developers that can make the best out of an LLM, and t...

typescript artificial intelligence

The React Developer's Guide to AI Engineering

React Summit US 2025

96 min

The React Developer's Guide to AI Engineering

Featured WorkshopFree

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...

artificial intelligence

The State of Node.js 2025

JSNation 2025

30 min

The State of Node.js 2025

Matteo Collina

Node.js TSC committee member. Pino & Fastify author.

The speaker covers a wide range of topics related to Node.js, including its resilience, popularity, and significance in the tech ecosystem. They discuss Node.js version support, organization activity, development updates, enhancements, and security updates. Node.js relies heavily on volunteers for governance and contribution. The speaker introduces an application server for Node.js enabling PHP integration. Insights are shared on Node.js downloads, infrastructure challenges, software maintenance, and the importance of update schedules for security.

node.js

The Dark Side of Micro-Frontends

React Advanced 2025

29 min

The Dark Side of Micro-Frontends

Luca Mezzalira

Author of Front-End Reactive Architectures and Building Micro-Frontends

In the Talk, various key points were discussed regarding micro-front-end architecture. These included challenges with micro-intents, common mistakes in system design, the differences between micro-intents and components, granularity in software architecture, optimizing micro-front-end architecture, efficient routing and deployment strategies, edge computing strategies, global state and data sharing optimization, managing data context, governance and fitness functions, architectural testing, adaptive growth, value of micro-frontends, repository selection, repo structures, and web component usage.

architecture

From Frontend to Fullstack Development With Next.js

React Summit 2025

91 min

From Frontend to Fullstack Development With Next.js

Featured Workshop

Eric Burel

Join us as we journey from React frontend development to fullstack development with Next.js. During this workshop, we'll follow along the official Next.js Learn tutorial with Eric Burel, professional trainer and author of NextPatterns.dev. Together, we'll set up a Next.js website and explore its...

next.js

The AI-Native Software Engineer

JSNation US 2025

35 min

The AI-Native Software Engineer

Addy Osmani

Engineering Leader Working on Google Chrome

Software engineering is evolving with AI and VIBE coding reshaping work, emphasizing collaboration and embracing AI. The future roadmap includes transitioning from augmented to AI-first and eventually AI-native developer experiences. AI integration in coding practices shapes a collaborative future, with tools evolving for startups and enterprises. AI tools aid in design, coding, and testing, offering varied assistance. Context relevance, spec-driven development, human review, and AI implementation challenges are key focus areas. AI boosts productivity but faces verification challenges, necessitating human oversight. The impact of AI on code reviews, talent development, and problem-solving evolution in coding practices is significant.

artificial intelligence

Building Full Stack Apps With Cursor

JSNation 2025

46 min

Building Full Stack Apps With Cursor

Featured Workshop

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...

artificial intelligence

Rethinking Bundling: Why You Don’t Need Less JavaScript

JSNation US 2025

30 min

Rethinking Bundling: Why You Don’t Need Less JavaScript

Daniel Roe

Leads the Nuxt core team

The speaker, Daniel, shares insights on his role as an open source maintainer, projects Nuxt and Nitro, and living in Edinburgh. Nuxt, a full-stack framework, evolved with community support, emphasizing community-driven development. Optimization strategies for JavaScript, CSS, and font loading in Nuxt were discussed. Integration of Nuxt Scripts for web performance, challenges in meta framework development, and considerations for Nuxt V3 rewrite were highlighted. Future plans include smoother migrations and open-source access to emoji slides integration.

bundler

Motion Control With Multimodal LLMs

JSNation 2025

39 min

Motion Control With Multimodal LLMs

Charlie Gerard

CrowdStrike

The Talk delves into motion control with multimodal AI, exploring TensorFlow.js models for gesture recognition and enhancing user interactions. It discusses leveraging LLMs for gesture-based interaction, investigating Gemiini for gesture recognition, and controlling light states with Gemini functions. The conversation includes webcam-based gesture recognition, custom gesture databases, and the future of personalized AI assistance with acoustic recognition.

artificial intelligence

Short takes

Navigating Islands of Interactivity

React Advanced 2025

9 min

Navigating Islands of Interactivity

Reuben Tier

Pragma

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.

astro

Using Spec-Driven Development for Production Workflows

JSNation US 2025

7 min

Using Spec-Driven Development for Production Workflows

Erik Hanchett

AWS

We're discussing spec-driven development and the innovative AI IDE, QIRO, that supports this approach. QIRO focuses on structured specifications before coding, aiding developers in creating designs. The QIRO mascot, a playful ghost, symbolizes the essence of spec-driven development. Eric Hanchett discusses QIRO, emphasizing its spec-driven development feature integrated into the IDE. QIRO aids in in-depth feature planning, resembling a structured requirements approach. Coding assistants benefit from detailed examples for efficient development. Exploring Manual Coding Assistance: Creating user requirements, building design documents, and task lists manually. Example of using spec mode in a coding assistant to break down requirements, create designs, and implement features.

artificial intelligence

Everyone Is Now a Manager - Interfaces in the World of Agents

TechLead Conf London 2025: Adopting AI in Orgs Edition

6 min

Everyone Is Now a Manager - Interfaces in the World of Agents

Sam Komesarook

Laminar

Sam Kmezverk's talk covers the evolving tech landscape, emphasizing key principles for agents' implementation in tasks and decision-making processes. Addressing challenges in agent orchestration, debugging system issues, and cultivating user trust are crucial for successful interface development.

user interfaces

From TV to Touch: How We Made React UI Work Across Every Input Mode

React Summit US 2025

5 min

From TV to Touch: How We Made React UI Work Across Every Input Mode

Seungho Park

LG Electronics

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.

best practices

Reimagine Frontend in the Serverless Era

React Summit 2025

8 min

Reimagine Frontend in the Serverless Era

Evangelia Mitsopoulou

Mentorship available

Tech Founder, Mentor @Philomath Academy

Evangelia, tech founder of Fioromat Academy, discusses the impact of serverless technologies on frontends, emphasizing a shift towards lightweight, stateless backends split into smaller units and the increased importance of API gateways and serverless functions. The discussion also highlights the significance of optimistic state updates, caching strategies to reduce API calls, resilient connection handling with retries for failed HTTP calls, granular error handling at the component level, and custom fallback UI per component. Overall, the Talk emphasizes the evolving frontend architectures and the necessity of adapting to changes in data structures and technologies.

serverless

Server Components Wars: PHP Strikes Back

React Summit 2025

6 min

Server Components Wars: PHP Strikes Back

Edoardo Dusi

Storyblok

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 server components

No Dependencies, No Problem: Streaming AI Over the Phone

JSNation 2025

6 min

No Dependencies, No Problem: Streaming AI Over the Phone

Marius Obert

Twilio

Marius from Twilio demonstrates building AI agents for phone calls, addressing latency issues by leveraging Twilio's infrastructure and third-party providers like 11 Labs and Google Cloud. Configuration includes WebSocket integration for message handling, static responses, and text-to-speech with 11 Labs. AI integration involves GPT4 or mini model for conversation history storage. A live demo showcases an AI voice assistant with instant responses and latency improvements.

artificial intelligence

Video Optimization for the Web: The Missing Piece in Lighthouse

React Summit US 2025

7 min

Video Optimization for the Web: The Missing Piece in Lighthouse

Rahul Nanwani

ImageKit.io

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.

video

Improve Your Presentation Skills by Scripting Your Live Coding Demos to Perfection

React Summit 2025

8 min

Improve Your Presentation Skills by Scripting Your Live Coding Demos to Perfection

Elio Struyf

Struyf Consulting

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.

web development soft skills

It’s Not Magic: Elevate Auth Security with PKCE Best Practices

Node Congress 2025

5 min

It’s Not Magic: Elevate Auth Security with PKCE Best Practices

Kim Maida

FusionAuth

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.

best practices

Latest

Oh My GHaaD: Git Hosting as a Database

React Summit US 2025

11 min

Oh My GHaaD: Git Hosting as a Database

Chris Griffing

GitKraken

Chris Griffin discusses the innovative concept of Git Hosting as a Database, emphasizing the importance of data, authentication, and authorization in backend development. The utilization of file-based databases like parket files and the simplicity of authentication and authorization in building platforms similar to GitHub stand out. The architecture of a Git-based backend offers flexibility in backups, privacy features, and serverless advantages. Integrating with frontend frameworks through custom hooks and considering rate limiting issues on platforms like GitHub and GitLab are key points in application development with a backend-free approach using GitHub and GitLab.

serverless

Benchmarking State Management Libraries in Data-Heavy React Apps

React Advanced 2025

14 min

Benchmarking State Management Libraries in Data-Heavy React Apps

Elina Denisova

PhysicsX

Elina, front-end developer at PhysicsX, compares state management library performance. Data-heavy UI visualization challenges. Recoil replaced; exploring Jotai, Redux Toolkit, Zustand, MobX. Does the library choice significantly impact real app performance? Real timings measurement experiments; safe-to-state time and render time analysis across libraries with various payload sizes. Jotai, MobX, Recoil, and RTK performance focus. Comparing Recoil, Jotai, RTK, Redux, and MobX in state management. User interaction testing for state propagation and highlighting across plots. Performance comparison of state management libraries focusing on rendering and optimization experiments with plot updates. Libraries compared for performance in storing dates and rendering data on plots. Rankings show Recoil, MobX, Jotai around two seconds, Zustand, RTK around four seconds. Consider library fit with your data structure and design state shape and subscription boundaries accordingly.

state management

Rust Meets React: Diving Into the Next Generation Build Pipeline for React Apps

React Advanced 2025

32 min

Rust Meets React: Diving Into the Next Generation Build Pipeline for React Apps

Alexander Lichter

VoidZero

Choosing the right tools and frameworks is crucial for React projects. VEET enhances developer experience and project adaptability. Optimizing tool stacks with Rolldown can improve production builds. Understanding build steps and code optimization is essential for efficient development. Bundlers play a key role in code optimization and Rolldown offers a unique approach. Rolldown accelerates React development by boosting build speed and optimizing bundle sizes. Xcalibur and Outline show significant improvements in build times. Developing bundler components with OXC and exploring its capabilities. Enhancing Oxlint and Oxformat functionality for improved toolchain. Rolldown's evolution and future plans for Vite integration.

tooling

Fast Track Design to Code With Figma MCP

JSNation US 2025

23 min

Fast Track Design to Code With Figma MCP

Riccardo Erra

Figma

Riccardo, a developer advocate at Figma, discusses the challenges of transitioning from design to code and the role of a developer advocate in bridging the gap between designers and developers. Figma's tools like DevMod, Code Connect, and Figma MCP server aim to bridge the gap by providing seamless connections between design and code. The Figma MCP server enhances design-to-code workflow by improving agent understanding of design elements, resulting in better code generation and alignment with design intent. Recommendations for optimizing design-to-code output include reusing components, implementing Code Connect, connecting design variables to code tokens, naming layers appropriately, utilizing AutoLayout, and adding annotations for clarity and context in the code. Building and sharing a design system involves generating iOS UI code with specific language and framework, and open-sourcing a design system with custom rules and guidelines for agents. Enhancing agent capabilities through multiple MCP server connections for efficient design-to-code synchronization and communication is crucial.

artificial intelligence

The Journey of a Pixel in a React Application

React Summit US 2025

24 min

The Journey of a Pixel in a React Application

Shem Magnezi

Wilco

Shem Magnezi discusses the importance of understanding web development technologies like React, HTML5, and WebSocket for optimizing websites and improving user experience. The challenges of website delivery include delivering a perfect user experience, slow network issues, DNS resolution complexities, and handling various resources efficiently. Optimization of HTML loading, resource compression, and prioritization are crucial for faster website delivery. Improving performance through code optimization, React best practices, and state management is key for enhancing user experience.

web development

Build a MCP (Model Context Protocol) in Node.js

JSNation US 2025

97 min

Build a MCP (Model Context Protocol) in Node.js

Featured Workshop

Julián Duque

Model Context Protocol (MCP) introduces a structured approach to LLM context management that addresses limitations in traditional prompting methods. In this workshop, you'll learn about the Model Context Protocol, its architecture, and how to build and use and MCP with Node.jsTable of Cont...

node.js

Entropy Tolerance: The Most Important Software Question You Aren't Asking

JSNation US 2025

20 min

Entropy Tolerance: The Most Important Software Question You Aren't Asking

Tony Alicea

Tony is a bestselling Udemy and Pluralsight author, known for his online courses such as "JavaScript: Understanding the Weird Parts"

In the Talk, the focus is on understanding software determinism and the implications for AI implementation. It delves into the importance of trustworthiness, reliability, and consistency in deterministic systems. The discussion also explores non-deterministic behavior in AI, emphasizing the pros and cons of unpredictability. The significance of measuring entropy tolerance in AI integration and business processes is highlighted, along with the value assessment based on tolerance levels. Additionally, the Talk touches on hybrid collaboration in AI utilization, showcasing examples of low, medium, and high entropy tolerance scenarios, and the role of AI in security auditing and high-tolerance tasks.

artificial intelligence

Secure Micro-Frontends: Authentication Magic at Dutch Railways

React Summit US 2025

35 min

Secure Micro-Frontends: Authentication Magic at Dutch Railways

Peter Eijgermans

Sopra Steria

Pieter Eigenmans discusses Microfrontends, authentication at Dutch railways, Model Federation, OIDC, and Kubernetes configuration. The SporeViewer app enables real-time train tracking in the Netherlands with multiple applications on one screen. Transitioning from monolithic to modular architecture allows for independent feature deployment and multifederation framework utilization. Microfrontend setup involves splitting applications into front and back end components, organizing them into verticals using domain-driven design. Efficient frontend building with module federation, Web Components, and model federation enhances speed and scalability. Authentication challenges are addressed using OIDC, MSAL integration for token management, and secure API calls via MSAL libraries. Kubernetes configuration enables versatile environment setup using config maps for loading configuration files.

micro-frontends

What Data Analysts Wish JavaScript Developers Knew: Lessons from Healthcare Finance

JSNation US 2025

17 min

What Data Analysts Wish JavaScript Developers Knew: Lessons from Healthcare Finance

Aikerim Belispayeva

Memorial Healthcare System

Talk on Data Analysts' Needs for JavaScript Developers. Aya K. Belispaeva, senior BI analyst, discusses bridging the gap between analysts and developers through real-life examples and challenges in healthcare finance. Physician Productivity Dashboard Challenges with Time Zones in Data Handling and Solutions in Healthcare Finance. Lessons from Healthcare Finance and Power BI Dashboard Performance Optimization. Optimizing JavaScript in Power BI for Improved Dashboard Performance and User Trust. Importance of Interface Optimization for Handling Massive Healthcare Datasets. Developers' Insights for Effective Healthcare Dashboards: Transparency over polish, smart defaults, and performance. Building Flexible Healthcare Billing Logic, Early Analyst Involvement, Accuracy Over Elegance, Empathy in Dashboard Design, Human-Technical Design Translation Challenges.

case study

This Is How We Made Postman Launch Twice as Fast

React Summit US 2025

25 min

This Is How We Made Postman Launch Twice as Fast

Ruben Casas

Postman

CEO tests Postman on cheap laptop, reveals performance issue. Ruben Casas gives 5 tips to enhance app performance, emphasizing the importance of measuring and focusing on a key metric like TTF from mobile gaming. TTU stands for Time to Usability, a key metric for app performance optimization. Measuring TTU involves adding marks for key processes like platform initialization, JavaScript evaluation, data fetching, and rendering. Need a plan of action after identifying performance issues. Transitioned from Electron to web for faster updates, impacting download size. Introducing StatusScope for bundle optimization, reducing JavaScript bundle size significantly, implementing PR checks to prevent bundle size regression, optimizing network calls by removing dead features and prefetching critical data. Challenges with v8 snapshots, preference for full bytecode caching, adapting and iterating based on metrics, organizational obstacles, and the shift towards collective performance responsibility.

performance

Popular

A Guide to React Rendering Behavior

React Advanced 2022

25 min

A Guide to React Rendering Behavior

Top Content

Mark Erikson

Replay.io

This transcription provides a brief guide to React rendering behavior. It explains the process of rendering, comparing new and old elements, and the importance of pure rendering without side effects. It also covers topics such as batching and double rendering, optimizing rendering and using context and Redux in React. Overall, it offers valuable insights for developers looking to understand and optimize React rendering.

react performance react rendering deep dive

AWS Lambda under the hood

Node Congress 2023

22 min

AWS Lambda under the hood

Top Content

Luca Mezzalira

Author of Front-End Reactive Architectures and Building Micro-Frontends

In this Talk, key characteristics of AWS Lambda functions are covered, including service architecture, composition, and optimization of Node.js code. The two operational models of Lambda, asynchronous and synchronous invocation, are explained, highlighting the scalability and availability of the service. The features of Lambda functions, such as retries and event source mapping, are discussed, along with the micro VM lifecycle and the three stages of a Lambda function. Code optimization techniques, including reducing bundle size and using caching options, are explained, and tools like webpack and Lambda Power Tuning are recommended for optimization. Overall, Lambda is a powerful service for handling scalability and traffic spikes while enabling developers to focus on business logic.

aws serverless

Deno 2.0

Node Congress 2023

36 min

Deno 2.0

Top Content

Ryan Dahl

Node.js creator

The Talk discusses forced optimization with Node and Deno, with Deno aiming to pursue the same goals in a more expansive and modern way. Deno has built-in support for NPM and enforces security constraints. It also has a key-value database called Deno KV, which will be a core part of the Deno 2 API. Deno Deploy is a serverless Edge Functions platform powered by FoundationDB, optimized for fast reading and ideal for building eCommerce sites or application servers at the edge. Deno 2.0 is coming soon with more features under development.

builders and founders deno react preact deno edge functions

Utilising Rust from Vue with WebAssembly

Vue.js London Live 2021

8 min

Utilising Rust from Vue with WebAssembly

Top Content

Joe Lenton

Attest

In this Talk, the speaker demonstrates how to use Rust with WebAssembly in a Vue.js project. They explain that WebAssembly is a binary format that allows for high-performance code and less memory usage in the browser. The speaker shows how to build a Rust example using the WasmPack tool and integrate it into a Vue template. They also demonstrate how to call Rust code from a Vue component and deploy the resulting package to npm for easy sharing and consumption.

vue webassembly rust

Yarn 4 - Modern Package Management

JSNation 2022

28 min

Yarn 4 - Modern Package Management

Top Content

Maël Nison

Lead maintainer of Yarn

Yarn is a package manager that focuses on stability, performance, and security. It offers unique features like plug and play installation, support for nonmodules, and the exec protocol. Yarn is committed to being a good citizen in the open-source community and contributes to fixing dependencies. It is part of the Node.js Loader's working group and advocates for Corepack. Yarn is still experimental but is improving its user experience and security features. Contributions are welcome, and switching to Yarn can improve performance in large projects.

javascript packaging

React, TypeScript, and TDD

React Advanced 2021

174 min

React, TypeScript, and TDD

Top Content

Featured Workshop

Paul Everitt

ReactJS is wildly popular and thus wildly supported. TypeScript is increasingly popular, and thus increasingly supported.

The two together? Not as much. Given that they both change quickly, it's hard to find accurate learning materials.

React+TypeScript, with JetBrains IDEs?...

react typescript devtools web development test driven development react best practices

Handling Breaking Changes in GraphQL

GraphQL Galaxy 2022

22 min

Handling Breaking Changes in GraphQL

Top Content

Kadi Kraman

Expo

This Talk discusses handling breaking changes in a GraphQL schema, including the use of the deprecated directive to tag fields that should no longer be used. It also covers the process of deploying GraphQL APIs and mobile apps, highlighting the challenges of mobile app release adoption. The Talk emphasizes the importance of making safe upgrades in mobile apps and provides strategies for detecting and handling breaking changes, such as using TypeScript and GraphQL Inspector. Overall, the Talk emphasizes the need to minimize user impact when introducing breaking changes in GraphQL schemas.

graphql api development

Building Better Websites with Remix

React Summit Remote Edition 2021

33 min

Building Better Websites with Remix

Top Content

Michael Jackson

React Training

Remix is a web framework built on React Router that focuses on web fundamentals, accessibility, performance, and flexibility. It delivers real HTML and SEO benefits, and allows for automatic updating of meta tags and styles. It provides features like login functionality, session management, and error handling. Remix is a server-rendered framework that can enhance sites with JavaScript but doesn't require it for basic functionality. It aims to create quality HTML-driven documents and is flexible for use with different web technologies and stacks.

react remix frameworks

Config Driven UI using ReactJS

React Summit 2023

7 min

Config Driven UI using ReactJS

Top Content

Watch video: Config Driven UI using ReactJS

Joban Singh

Software engineer at Microsoft Azure

This lightning talk introduces config-driven UI in ReactJS, a technique for creating dynamic and customizable UIs without hard coding. It covers the implementation of different types of components and how they can be nested to create complex layouts.

config driven ui react react config

HTTP/3 Performance for JS Developers

JSNation 2023

21 min

HTTP/3 Performance for JS Developers

Top Content

Robin Marx

Akamai Technologies

HTTP 3, also known as H3, is the latest version of the HTTP protocol with new performance-related features. Enabling HTTP 3 requires minimal effort and provides significant benefits, but limits fine-grained control over performance features. Zero RTT has limitations due to security reasons and restrictions on allowed requests. Resource loading and prioritization in HTTP 3 have some problems, as browsers may not agree on resource importance. Fetch priority allows fine-grained control over resource loading order, and resource discovery can be improved with 103 Early Hints. Web transport provides low-level access to QUIC and HTTP3 features for real-time use cases.

performance

JavaScript

Temporal: The Curious Incident of the Wrong Nighttime

JSNation 2025

25 min

Temporal: The Curious Incident of the Wrong Nighttime

Philip Chimento

Igalia, S.L.

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.

javascript browser api tc39 web standards

10 Years of Best of JS

JSNation 2025

28 min

10 Years of Best of JS

Michael Rambeau

Creator of Best of JS and JS Rising Stars projects.

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.

javascript

React

How to React Compiler

React Summit 2025

20 min

How to React Compiler

Anton Nepsha

Introduction to React compiler, differences from React 19, installation of Babel plug-in React compiler, specifying target React versions, and how React compiler detects and processes component dependencies. Configuring React compiler settings, exploring default options and configurations, utilizing React compiler playground website for configurations, dealing with JSX markup re-computation. React compiler feature for extracting JSX from array map callbacks, limitations of enable function outlining, enabling JSX outlining for separate functions. Function memoization in React compiler, React compiler beta stage, potential errors with React compiler. React compiler error: memorization preservation, hidden messages, validation settings. React compiler: validation tools, hooks treatment, memorization challenges. Changing hooks to functions for React compiler optimization. React Compiler usage considerations and potential optimizations.

react

Panel Discussion: The State of React

React Summit 2025

35 min

Panel Discussion: The State of React

7 authors

Panelists introduced themselves and discussed React Server Components (RSCs), exploring usage in production and alternative frameworks. Challenges of adopting RSCs and benefits of universal data fetching were highlighted. The complexities of implementing RSCs were discussed, emphasizing the need for better integration. The potential of server components for composability and evolving architecture was explored. The React compiler's impact on performance optimization and component re-rendering was examined. Discussions included enhancing React with compiler features, evolving feature sets, and reimagining state management. Improvements in communication, community engagement, and dependency management within the React ecosystem were emphasized. Recommendations for managing dependencies, component performance, and audience appreciation were shared.

react

The State of React

React Summit 2025

26 min

The State of React

Sacha Greif

Devographics

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.

react

React Beyond the DOM

React Summit US 2025

27 min

React Beyond the DOM

Erik Rasmussen

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.

react

TDD in Frontend

React Summit 2025

121 min

TDD in Frontend

Workshop

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...

react

Suspenseful Component Composition

React Summit US 2025

12 min

Suspenseful Component Composition

Simeon Griggs

Sanity

Simeon Griggs discusses Suspenseful Component Composition, the use of fallback props, and the basics of suspense in React applications with a demo showcasing data fetching and layout shifting. Exploring issues with data fetching and suspense boundaries. Addressing the challenges of using suspense boundaries and data fetching for individual rows in React applications. Creating consistent fallback elements for smooth loading experiences in tables by aligning sizes and optimizing data fetching placement. Optimizing data fetching placement for smoother loading experiences. Consider exporting suspense boundary to enhance code cleanliness and be defensive against data fetching errors. Use error boundaries to handle errors in suspenseful data fetching components for a smoother user experience.

react

The State of React and the Community in 2025

React Summit 2025

29 min

The State of React and the Community in 2025

Mark Erikson

Replay.io

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.

react

Our Own React Global State Manager in Less Than 50 Lines of Code

React Summit 2025

26 min

Our Own React Global State Manager in Less Than 50 Lines of Code

Miguel Ángel Durán

midudev

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.

react

From Segments to Suspense: The Future of Next.js Caching

React Advanced 2025

27 min

From Segments to Suspense: The Future of Next.js Caching

Wyatt Johnson

Vercel

react next.js performance frontend react server components server cache

React Strict Dom: Cross-Platform React Based on the Web

React Summit US 2025

29 min

React Strict Dom: Cross-Platform React Based on the Web