React Summit Remote Edition 2021
2021-04-14..2021-04-16
-- online --
[React Summit Remote Edition 2020, React Summit 2020, React Summit Remote Edition 2021, React Summit 2022, React Summit 2023, React Summit 2024, React Summit 2025, React Summit 2026]
who it's for
React developers, frontend engineers, platform engineers, mobile engineers, engineering managers, developer advocates
topics
Next.js image optimization; Core Web Vitals; remote rendering with web workers; headless WordPress and Prismic; Nx monorepo workflows; incremental React migration; TypeScript conversion strategies; React Native architecture; Storybook visual testing; feature flags with React; real user monitoring with Datadog; Recoil state management
| title | author | length |
|---|---|---|
| Panel Discussion: Get to Know: Web Performance and Core Web Vitals | Tamas Piros, Cassidy Williams, Houssein Djirdeh | 31m |
Claims that 67% of median site bytes are images/videos and that optimizing hero media improves LCP CLS FID; concrete tooling includes Lighthouse, Chrome User… | ||
| The Modern Way of Making Websites in React | Alex Trost, Sadek Drobi, Erin Fox, Nader Dabit, James Q Quick | 32m |
Panelists state concrete tradeoffs and show working patterns: use css variables or Tailwind for global design tokens, keep the data model next to a section… | ||
| The Leland Prediction | Tejas Kumar, Andrei Calazans, Anurag Hazra, Ariene Maiara | 30m |
Panel assesses Leland’s 2017 claim and says it largely comes true: React and React Native grow in enterprise use, TypeScript dominance shows up in hiring data… | ||
| Streamlining the Component Creation Process | Alex Trost | 08m |
Creates a concrete location map component with Prismic Slice Machine, using commands like prismic sm create slice and prismic sm develop to generate index.js… | ||
| Remember CSS Sprites? Let's Do That with Video! | Matt McClure | 07m |
Proposes sending multiple camera feeds as one tiled stream so switching angle is just showing a quadrant, guaranteeing audio sync and frame alignment… | ||
| By the Power of Headless! | Samuel Snopko | 07m |
Claims that headless CMS unlocks developer freedom and content UX are backed by a concrete stack and demo: a live Storyblok + Next.js demo that builds a site… | ||
| Keeping It Simple | Mathias Biilman | 09m |
Claims a concrete architecture called distributed persistent rendering and shows prototypes that run critical pages at build time while generating and… | ||
| Scaling React Development with Nx | Juri Strumpflohner | 21m |
Shows concrete results using Nx: a generated React app plus a Next.js public app, multiple workspace libraries and a live dependency graph that proves which… | ||
| Remote Rendering with Web Workers | Trish Ta | 19m |
Built Argo, an Argo extensibility framework that runs external scripts inside a sandboxed background thread using remote-ui + web workers and headless JS on… | ||
| API-first Development with Headless WordPress | Matt Landers | 21m |
Claim is concrete: turn WordPress into an open source API platform using WPGraphQL plus Custom Post Type UI and Advanced Custom Fields to model developers with… | ||
| Complex React Migration | Jason Santos | 17m |
Rangle and Survey Monkey migrate a legacy codebase to React and deliver a domain library implemented as a three-tiered architecture using React contexts and… | ||
| Using Rollbar in React | Jeff Hoffer | 08m |
Announces a new Rollbar for React SDK with a React-style Provider that initializes either a config or a supplied instance and works with React Native, a… | ||
| Understand your Data with InfluxDB Cloud | Kristina J. Robinson | 06m |
Shows InfluxDB Cloud’s actual ingestion and visualization stack: Flux queries or the JavaScript client return annotated CSV that feeds the Giraffe charting… | ||
| Sharing a Codebase with React & React Native | Oli Bates | 07m |
Attempting to share web and React Native code for Cleo ends with concrete tradeoffs: a simple symlinks fail with Metro bundler experiment works for web but… | ||
| Doing the Least Amount of Work: An Intro to Runtime | Ken Wheeler | 27m |
Demonstrates that doing the least work keeps an app interactive by building a contrived Create React App that clones a million rows list every 500ms, which… | ||
| RedwoodJS: The Full-Stack React App Framework | Tom Preston-Werner | 29m |
RedwoodJS claims to be a Rails-like full‑stack framework for JS/TS built on React Apollo GraphQL and Prisma 2 and actually shows it: a mono‑repo web/api, cells… | ||
| Internationalizing React | Daria Caraway | 22m |
Claims that a small architecture makes adding dozens of locales easy and demonstrates it by building a working prototype called Sunset Central that supports… | ||
| SVGs to Make Your Blog Stand Out | Elizabet Oliveira | 24m |
Claim: embedding SVG as React components turns a plain dev blog into a distinctive site by letting code control parts, colors and animation. Implementation… | ||
| Building Better Websites with Remix | Michael J. I. Jackson | 26m |
Remix claims to make fast, accessible websites by using React Router concepts plus web fundamentals: file‑based routes that render real HTML, server-rendered… | ||
| Let's Build React Query in 150 Lines of Code! | Tanner Linsley | 27m |
Claims a miniature React Query rebuilt in 150 lines of code, actually implements a QueryClient, Query objects, a QueryObserver and a useQuery hook wired… | ||
| Building a Mobile App with Expo, EAS and React Native | Brent Vatne | 20m |
Explains how Expo, EAS and React Native let teams ship native apps by writing only JavaScript and TypeScript, showing concrete steps: use expo install for… | ||
| The Dawning of a New Age for Fullstack React | Brandon Bayer | 23m |
Two fullstack frameworks land weeks apart in 2020 and claim to change everything: Blitz.js launches with a zero api data layer that compiles server functions… | ||
| Turning the Cloud Inside Out | Nader Dabit | 31m |
Claim: GraphQL becomes a cloud programming interface that wires AWS services into a single schema. Concrete tools and results: uses AppSync with Lambda and… | ||
| Test Kitchen: A Recipe for Good Tests | Iris Schaffer | 21m |
Claim: tests must inspire confidence and be automated, fast, deterministic and isolated. Concrete practices: run unit tests in watch and CI on branch and main… | ||
| Draft.js, Editor.js, Slate.js: Choosing Text Editor | Lee Rowlands | 08m |
Draft.js is Facebook-backed, uses a JSON block model, lacks IE11 support, and requires custom code for many features; 83,000 packages, 20,000 stars. Editor.js… | ||
| Road to a Better UX with Suspense and Concurrent UI | Nikhil Sharma | 09m |
Demo shows a Twitter-style dashboard built with React where Suspense boundaries let static profile bits render immediately while a description loads, and… | ||
| Setting Up Feature Flags with React | Talia Nassi | 07m |
Demo shows a concrete setup: log into split.io SDK, create split (a feature flag), npm install the JavaScript client and wrap the component with… | ||
| Creating Videos Programmatically in React | Jonny Burger | 23m |
Turns React components into MP4s using Remotion, shows the actual code (use of useCurrentFrame, interpolate and spring), bundles with webpack, opens multiple… | ||
| Scaling Components Across Multiple Frameworks | Adam Bradley | 16m |
Claims that a single codebase of Stencil compiler components compiles to custom elements plus generated framework bindings for React Angular and Vue and that… | ||
| Building Interactive React Applications | Siddharth Kshetrapal | 25m |
Building a small web app called Saturday on CodeSandbox, the talk demonstrates concrete techniques using framer motion: fading vs layout animations via the… | ||
| Building Accessible React Components | Manjula Dube | 28m |
Covers concrete component patterns: an input plus tied error component using aria-describedby, marking errors with aria-invalid and a div with role="alert"… | ||
| React on the Blockchain - Getting Started Guide | Vladimir Novick | 24m |
A compact getting-started guide that actually shows code and tools: it compiles and deploys an ERC‑20 token, runs truffle tests against a local Ganache chain… | ||
| Platform-powered: Building a Frontend Platform to Scale | Andrew Hao | 22m |
Lyft replaces fragmented front-end microservices with a Next.js-based platform that adds a custom plugin architecture and a migration system built on… | ||
| XState: the Visual Future of State Management | David Khourshid | 27m |
Argues that encoding state machines and statecharts in XState makes app behavior explicit and visual, not just conceptual, and that machines prevent impossible… | ||
| Lessons To Outlive React | Shawn Swyx Wang | 17m |
React ages like jQuery might have, so the video extracts seven concrete lessons: the reconciler and scheduler pattern and the fact React split out the… | ||
| Graphics as a Function of State/Graphic=fn(state) | Romello Goodman | 07m |
Claims that Graphic = fn(state): graphics render declaratively from state using React and JSX, not just static assets. Shows concrete tools: SVG primitives in… | ||
| BDD & TDD in React | Laura Beatris | 12m |
Compares testing tools and shows what actually changes: a 2019 migration from Enzyme to React Testing Library, examples using Cypress for integration, and a… | ||
| React User Authentication with Magic | Mohammad Shahbaz Alam | 09m |
Shows a React app wired to the Magic identity platform using the magic.link SDK and Decentralized Identity (DID) keys so users hold noncustodial public‑private… | ||
| React Native Architecture at Product Hunt | Radoslav Stankov | 09m |
A React Native rebuild for Product Hunt uses React Native + TypeScript and Apollo GraphQL with fastlane for tooling, chosen because two engineers know some… | ||
| Build a UI that Learns - Intelligent Prefetching | Eliran Natan | 09m |
An actual intelligent prefetcher is built: React.lazy and dynamic imports load components on demand while a TensorFlow.js LSTM predictor consumes recent… | ||
| Engineers Learn to Negotiate | Naz Delam | 08m |
Claim: negotiation skills accelerate career growth and make getting projects approved and promotions easier. Concrete tactics shown are mirroring — repeat the… | ||
| Scaling WordPress with Next.js | Colby Fayock | 08m |
Argues WordPress remains dominant claiming 40% of top 1M sites and over 800 million installs. Shows using WordPress REST API or the WPGraphQL plugin with… | ||
| We Don’t Know How React State Hooks Work | Adam Klein | 07m |
Code-level behavior: each hook keeps a per-hook update queue and setState pushes actions that React consumes only during render (lazy) unless React eagerly… | ||
| Debugging RN Android Performance | Alexandre Moureaux | 07m |
Systrace walkthrough that finds why the UI thread sits below 60 fps even when idle, showing long frames (red Fs) over 16 ms and letting a selection reveal top… | ||
| Design Systems-Revamping Products for Consistent UIs | Taley'a Mirza | 12m |
Claims that a design system produces consistent UIs across multiple products and speeds development by providing three concrete artifacts: design language… | ||
| An Overview of React's Reconciliation Algorithm | Elad Tzemach | 10m |
Demonstrates that React 16’s Fiber actually changes scheduling: a live demo renders an 80-item slow list where each item deliberately waits 3 ms per item… | ||
| Building the Right Product and Building It Right | Rita Castro | 11m |
Explains using Atomic Design to turn design atoms into React components, and using XP practices — pair programming and Test Driven Development with React… | ||
| React Without JavaScript? | Fred K. Schott | 13m |
Claims a concrete approach: Astro compiles server-rendered React components into pages that ship zero JS by default, letting you opt into client scripts. Demo… | ||
| Battle-Tested Techniques for Animation & Data Viz | Krystal Campioni | 12m |
Shows concrete techniques and working tradeoffs: using D3 as math lib (scales, extent, scaleSqrt) while explicitly avoiding d3 selections, rendering with SVG… | ||
| Write Tests. Generate UI. Profit! | Ed Bentley | 09m |
An open‑source library called Spectate generates React state logic from the tests themselves, claiming one can write specs and have state/actions produced. The… | ||
| Stories and Strategies from Converting to TypeScript | Josh Goldberg | 10m |
Codecademy converts multiple React apps to TypeScript by doing a small initial PR, ramping team knowledge via brown bags and lightning talks, and pairing… | ||
| Next.js - The Hybrid Architecture for Web Developer | Lee Robinson | 18m |
Next.js claims a hybrid SSG/SSR model that yields measurable SEO gains by improving Core Web Vitals: aiming for Largest Contentful Paint under 2.5s, First… | ||
| Fire-side chat on Recoil with David McCabe | David McCabe | 34m |
Explains concrete Recoil internals: how dynamic-selector dependencies work, why async selectors needed a rewrite, and how a persistent map (the… | ||
| Fire-Side Chat with Kent C. Dodds | Kent C. Dodds | 31m |
Advocates an iterative TypeScript migration (start loose, avoid strict mode), describes using Remix for a site rewrite and Next.js as a solid option, and… | ||
| React Hooks Tips Only the Pros Know | Maurice de Beijer | link |
This workshop on React Hooks Tips explores hooks beyond the basics, covering common mistakes, advanced hooks, creating custom hooks, and the rules of hooks. It… | ||
| How to Build an Interactive “Wheel of Fortune” Animation with React Native | Oli Bates | link |
This workshop focuses on building an interactive wheel of fortune feature with React Native. The feature, called spin to win, incentivizes users to save more… | ||
| Building a Shopify App with React & Node | Jennifer Gray, Hanna Chen | link |
Jennifer Grey and Hanna Chen, front-end developers at Shopify, hosted a React pre-conference workshop on building a Shopify app with React and Node. The… | ||
| State Management in React with Context and Hooks | Roy Derks | link |
This workshop focuses on state management in React using the Context API and Hooks. The Context API is now a viable option for state management and provides… | ||
| Incrementally Adopt Modern React Patterns in a Legacy Codebase | Richard Moss | link |
This workshop focuses on incrementally adopting modern React patterns in a legacy codebase. It covers topics such as building reusable component logic hooks… | ||
| Building the Right Product and Building It Right: Extreme Programming and Atomic Design | Rita Castro | link |
This talk explores extreme programming (XP) and balanced teams, emphasizing the importance of simplicity and team collaboration. The application of XP… | ||
| Hybrid Cloud Development with Next.js, AWS, and Tailwind | Nader Dabit | link |
The workshop covers building a multi-user blogging app using Next.js, Amplify, and Tailwind. It focuses on core functionality like authentication, data… | ||
| E-commerce on the Jamstack with NextJS and Netlify | Nick DeJesus | link |
This workshop focuses on launching an e-commerce experience on Next.js and Netlify, using the useShoppingCart library for shopping cart functionality. The… | ||
| Landing Your Next Developer Job | Sadek Drobi, Nouha Chhih, Francois Bohyn | link |
The workshop discusses various roles in software development, including solution engineering, documentation engineering, growth engineering, and developer… | ||
| Crash Course into the Jamstack with Next.js & Storyblok | Samuel Snopko | link |
This workshop covers integrating headless CMSs like Storyblock with Next.js and Gemstack, using the atomic design methodology. It explores designing and coding… | ||
| Shipping High Performance React Apps with Datadog and Real User Monitoring | Ben Michel | link |
This workshop covered the importance of observability and how it helps engineers understand user experiences. Performance issues in a medium.com clone were… | ||
| Build Your Own Live Streaming Platform | Dylan Jhaveri | link |
The workshop covered various topics related to video streaming and adaptive bitrate. It discussed the importance of video quality and the use of advanced tools… | ||
| Creating Accessible React Native Apps | Scott Vinkle | link |
This workshop on creating accessible React Native apps covers topics such as digital accessibility, assistive technologies, testing methods for iOS and… | ||
| The Crash Course for Continuous Code Improvement | David Woller | link |
This workshop introduces Rollbar as a solution for continuous code improvement, addressing the problem of deprioritizing bugs and the impact they have on… | ||
| Faster media = faster websites | Marissa Masangcay, Pramod Shenoy, Akshay Ranganath | link |
Welcome to the workshop on faster media and faster websites. We will cover core web vitals, tools for measurement, and web performance best practices… | ||
| Intermediate Gatsby | Sid Chatterjee | link |
The workshop covered various topics in Gatsby, including getting started, creating pages, using GraphQL, adding markdown plugins, integrating CMSs, exploring… | ||
| Workshop: Mixing Content, Commerce, and SEO with Headless WordPress | Matt Landers, Will Johnston | link |
Headless WordPress allows developers to build the front end using React frameworks like Gatsby or Next, bringing WordPress into the modern development age. The… | ||
| Publishing, Automating and Monitoring your JS App on Azure | Suzanne Daniels, Nick Trogh | link |
Welcome to the workshop where we will run a static web app on Azure. We'll cover the necessary ingredients for running a web app online, including storage… | ||
| nothing matches | ||