React Summit 2020
2020-10-14..2020-10-15
-- 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, JavaScript developers, TypeScript developers, accessibility engineers, performance engineers, documentation writers, devtools engineers
topics
Gatsby theming with Theme UI; MDX content authoring; GraphQL observability; serverless GraphQL APIs on AWS; TypeScript with React; Nx and Next.js integration; Blitz.js fullstack framework; React Native devtool Flipper; front-end performance optimisation; SVG path techniques; video manipulation with HTML5 Canvas; accessibility best practices
| title | author | length |
|---|---|---|
| React Open Source Awards | Max Stoiber, Stefan Fejes | 32m |
250 nominations get winnowed to 25 projects across five categories and anonymous votes decide winners by impact not promise. The ceremony names concrete… | ||
| Why Paid UI Components Aren’t Evil | TJ Van Toll | 08m |
Paid UI components claim 24 hour response support and a direct funding model that keeps projects alive — Kendo UI traces back to 2011 and still receives… | ||
| Theming Gatsby Apps with Theme UI | Pariss Athena | 06m |
Gatsby sites use a three‑step install then add gatsby-plugin-theme-ui to wire Theme UI into the app; a JSON theme object holds colors, fonts, spacing and a… | ||
| React Components and How To Style Them | Jemima Abu | 07m |
Compares four concrete methods: inline styling for high-specificity overrides and passing background images as props, traditional CSS files and modules for… | ||
| The X in MDX | Rodrigo Pombo | 09m |
Shows that MDX can be treated as a programmable AST: the MDX loader turns a .mdx into a React component, the wrapper receives children as an array of React… | ||
| Panel discussion hosted by the Apollo team on GraphQL + React | kurt kemple | 24m |
Panel covers concrete tradeoffs: demos of Apollo client and Hasura alongside lighter clients like urql and Gatsby usage, a migration story from REST+Redux that… | ||
| Nx + Next.js = ❤️ | Adam L Barrett | 09m |
Creates an Nx workspace with one package.json at the root, scaffolds multiple Next.js apps and a shared components lib via the nextjs plugin, wires Storybook… | ||
| How to Optimize Your SEO during the switch to Mobile First Indexing | Ruth Mesfun | 08m |
Migrates a PHP mobile site to a responsive React resource page and measures concrete outcomes using Lighthouse SpeedCurve and Google Search Console and… | ||
| GraphQL and React - Two Great Tastes that Taste Great Together | Adron Hall | 09m |
Two concrete case studies: an IoT warehouse using low‑cost RFID to replace a legacy Windows app and a reporting system that layers GraphQL over Postgres MySQL… | ||
| Panel Discussion on Testing | Tomasz Łakomy, Iris Schaffer, Kent C. Dodds, Sophie Au | 20m |
Start by automating the single most critical user flow—write one end-to-end test for the critical flow—using Cypress for web or Detox for React Native; focus… | ||
| Games Are Smarter Than Us | Liad Yosef | 26m |
Builds a tiny 2D game in the browser using canvas and exports from bitmellow then runs reinforcement learning in Javascript with reinforce.js (and mentions… | ||
| From Brittle to Supple: How Gatsby and MDX Made Our Documentation Smoothly | Kathleen Mcmahon | 17m |
Claims a concrete migration: migrated two repos into one using Gatsby and MDX, adding gatsby-plugin-mdx, gatsby-plugin-compile-es6-packages, remark autolink… | ||
| Accessibility as a First Class Citizen | Sophie Au | 23m |
Demo shows a one‑screen React Native quest app with seven keys and a “set next key as found” button and uses the mac accessibility inspector (which is buggy)… | ||
| Create Collaborative VR Environment in the Browser with React and GraphQL | Vladimir Novick | 25m |
Shows how to build a working collaborative VR app in the browser using a-frame, react360, React and GraphQL with Apollo websockets. Demonstrates a tic‑tac‑toe… | ||
| Getting Weird with Video Manipulation and HTML5 Canvas | Dylan Jhaveri | 15m |
Demonstrates exact techniques: a single video element feeds one or more canvases by copying video frames to canvas every requestAnimationFrame, raw pixels… | ||
| Making Your React Apps Perform At Scale | Milecia McGregor | 21m |
A demo budget app shows Lighthouse mobile audit reporting a 9s First Contentful Paint and screenshots that point at a heavy chart; the React Profiler breaks… | ||
| Building Real-time Serverless GraphQL APIs on AWS with TypeScript and CDK | Nader Dabit | 25m |
CDK + TypeScript provisions an AWS AppSync GraphQL API, a Lambda data source, and a pay‑per‑request DynamoDB table in about 40 lines of CDK code and deploys it… | ||
| The Psychological Effects of useEffect | Sara Vieira | 25m |
Recording demonstrates concrete gotchas: migrating CodeSandbox to hooks spawns four months of PR reviews; useEffect dependency semantics means an empty array… | ||
| Fantastic Bugs and Where to Find Them | Iris Schaffer | 34m |
Concrete failures and concrete fixes: a parental-control bug gets prevented by a unit pure-function test that asserts state transitions; a forever-loader bug… | ||
| The Language of Shapes: Understanding the SVG Path | Monica Wojciechowska | 31m |
Argues the SVG Path is the universal building block and reduces all commands to M, C, A so paths become manageable; shows arcs approximated by cubic Beziers… | ||
| Introducing React View: A Set of Tools that Closes the Gap between Users, Developers | Vojtech Miksu | 21m |
A live-edit playground called react view synchronizes a rendered component, editable source and interactive knobs so changing a prop updates code and UI… | ||
| React Accessibility: Beyond the Basics | Jen Luker | 12m |
Specifics: demonstrates Chrome DevTools and Firefox colorblind simulation, uses the axe extension and axe CLI integrated into Jest/Cypress/Selenium suites, and… | ||
| Flipper: The Extensible DevTool Platform for React Native | Michel Weststrate | 24m |
Flipper adds first‑class support for React Native and shows concrete tooling: network inspector with interactive JSON, the React DevTools and layout inspector… | ||
| Visualising Front-End Performance Bottlenecks | Richie McColl | 17m |
Measures slow JavaScript using the browser user timings API and Chrome DevTools performance panel, instrumenting with window.performance.mark/measure to get a… | ||
| Blitz.js - The Fullstack React Framework | Brandon Bayer | 21m |
Blitz claims a practical fullstack React stack that removes a separate API by letting front end import server functions directly, compiling those into HTTP… | ||
| We Are All Hemingway | Krasimir Tsonev | 13m |
Argues that fiction craft maps to coding with concrete steps: builds a React fetch component incrementally, starts by rendering a fallback, adds local state… | ||
| TypeScript + React = ❤️ | Ben Ilegbodu | 23m |
TypeScript eliminates concrete React bugs: missing props cause compile errors, props are required by default so omitted values fail fast, and mistyped prop… | ||
| Let the Main Thread Breathe! | Majid Haijan | 19m |
Browsers hit a 16.6ms budget for 60fps so heavy sync work shows janky frames; about 90% of new users are mobile so low‑end devices matter. The concrete claim… | ||
| Consume ➡️ Build ➡️ Teach | Kent C. Dodds | 24m |
The core claim is that Consume ➡ Build ➡ Teach is the fastest way to learn: consume curated sources (epicreact.dev, testingjavascript.com), build small… | ||
| GraphQL Observability | Ashley Narcisse | 08m |
Shows how to add real production observability for GraphQL by instrumenting ApolloServer and exporting vendor‑agnostic traces to tracing backends; demo wires… | ||
| nothing matches | ||