React and Chill 2024
2024-08-22
-- online --
as the organisers put it
Live Virtual Conference happening on August 22, 2024. Register now to hear from React experts and access world-class React education.
who it's for
React developers, frontend engineers, full stack developers, React Native developers, frontend architects, TypeScript developers, product engineers
topics
Remix loader and action patterns; React Native HLS streaming stack; React Server Components with server actions; server-driven UI JSON schemas; Zustand with TanStack Query; Next.js BFF proxy aggregation; type-safe feature flagging schema; Web Speech API to OpenAI; MapLibre with React Map GL; duck typing for component models; ui state denormalization patterns
| title | author | length |
|---|---|---|
| The Ultimate Full Stack Framework for 2024: Remix | Ákos Kőműves | 26m |
Claims Remix replaces most client state by moving data fetching and form handling to loader and action patterns, eliminating the usual useEffect+useState… | ||
| A 4-Year Retrospective : Lessons Learned from Building a Video Player from Scratch with React Native | Omar Diop | 20m |
Four years of building a custom video player with React Native yields concrete outcomes: a homegrown HLS streaming stack on AWS serving 170,000+ users and 350+… | ||
| Enhancing Forms with React Server Components | Aurora Walberg Scharff | 28m |
Shows how React Server Components plus Next.js app router and React 19 features turn a plain message form into a low-JS, server-driven UX: uses server actions… | ||
| Server-Driven UI: Building Dynamic React Applications | Dipanshu Gupta | 18m |
Claim: shifting UI logic to the backend lets teams push layout and content changes without redeploys. Demonstration uses React, Node, Express where the server… | ||
| Pick palette - one stop solution for palette hunt | Arnab Chatterjee | 20m |
Pickpalette is a small SaaS color hub with 3,700+ colors and ~40–50 active users that scrapes daily palettes via GitHub Actions cron jobs and serves the… | ||
| Data Fetching Unleashed: Next.js, React Query and their BFF | Faris Aziz | 26m |
Builds a dashboard for the top 5,000 users by issuing five parallel requests to an API limited to 1,000 users per call, then shows how a Next.js API BFF proxy… | ||
| Type-safe app configuration: a powerful, emerging way to accelerate product development | Miraan Tabrez | 22m |
Demo shows turning a single Boolean feature flag into a type-safe client backed object schema (discount {isEnabled percentage name}), then into a list flag… | ||
| Integrating AI with Maps to generate Locations | Kevin Uehara | 28m |
Builds a Vite + React + TypeScript app with Tailwind that captures speech via the browser Web Speech API, sends transcripts to OpenAI and uses the model to… | ||
| Harmony & Hooks - React inspired meditation | Benzi Holler | 18m |
Guided meditation that maps concrete React hooks to breath and body work: teaches box breathing (4-4-4-4) with repeated four-count cycles, a full body scan… | ||
| Unleashing the Power of Duck-Typing in React: Crafting a Generic Application | David Villamarin | 26m |
Shows how to build a working generic React+TypeScript platform that renders pages from an array of component models fetched per route id, using duck typing and… | ||
| Put it All in State | Colin Gray | 27m |
Argues that UI state must include every side-effect source so the view is derived from denormalized state and event metadata rather than just mutable fields… | ||
| nothing matches | ||