React India 2024
| title | author | length |
|---|---|---|
| Abracadabra: The Vanishing Network | Kent C. Dodds | 29m |
Demonstrates how network boilerplate disappears using React Server Components and Actions, tracing server-rendered forms to progressively enhanced SPAs to a… | ||
| Decentralise to Protect: Start your shift away from centralised storage today | Adam Larter | 24m |
Claims that moving user data out of central databases cuts breach risk and returns ownership to users, demonstrated by a Next/React sample using the Affinidi… | ||
| Smart Apps: Machine Learning in React Native | Sweta Tanwar | 26m |
Explore how to integrate machine learning models into React Native apps using TensorFlow.js, enabling intelligent features like image recognition and natural… | ||
| Two memory leak stories in the story of flipkart.com | Kashyap Kondamudi | 27m |
Two real bugs at Flipkart: a fetch-cancellation pattern using promise.race + timer not cleared leaves full response objects reachable and causes an… | ||
| Panel Discusson: Road To Staff/Principal Engineer | Shruti K., Santosh Y., Kamlesh C., Suvish T. | 48m |
Panel recounts concrete routes to staff/principal: building a company-wide design system and front-end platform, migrating many apps into an NX monorepo and… | ||
| Turbocharging the UIs | Rohan Gupta | 27m |
Zomato describes two concrete wins: using react server components on Next 13/14 to stream HTML and fetch data on the server, cutting client JavaScript to zero… | ||
| Decoding StyleX: Meta's Cutting-Edge Styling System | Supriya Minnasandram | 24m |
Meta’s Stylex is an atomic, compile-time styling system used across Facebook, Instagram, WhatsApp and Threads that cuts a single-page stylesheet from 15–45 MB… | ||
| Tracing: Frontend Issues With Backend Solutions | Sarah Guthals | 14m |
A demo of Sentry shows a checkout 500 error on an Empower Plant site, a Slack alert linking to an issue view, a session replay that masks PII and surfaces web… | ||
| Turbocharging React Grid Performance | Ravi Teja | 10m |
An in-house React data grid handles updates as fast as every 100 ms by moving state generation into Web Workers + WebAssembly, using Rust for WASM to avoid… | ||
| Inside the Decision: Why Groww Chose NATS Over WebSockets | Swati Jha | 25m |
Groww replaces Gorilla WebSocket + Kafka with NATS for live prices, cutting backend complexity and giving subjects for per-user feeds so millions of traders… | ||
| Data Fetching Done Right | Vishal Sharma | 25m |
Describes moving initial data fetching out of lazy page chunks so assets and data download in parallel, using a custom Babel plugin that extracts pure client… | ||
| Design Systems Mastery: From Patterns & Principles to Product Excellence | Shambhavi S. | 38m |
Claims that shifting from concrete components to extracted patterns and principles makes a design system scalable and reusable, demonstrated by storing visual… | ||
| Color Theming Made Easy: The Razorpay's Checkout Story | Smile Gupta | 31m |
Razorpay Checkout V2 auto-generates a full UI palette from a single primary HSL hue, producing tints, shades, on-colors (contrast-chosen black/white per… | ||
| A practical approach to building truly native cross-platform applications at scale | Samrith Shankar | 29m |
Dream11 describes migrating a large native app to React Native, then reverting a rushed March 2022 launch after user complaints and revenue loss, and… | ||
| Everything You Need to Know About React 19 | Shruti Kapoor | 29m |
React 19 hits release candidate and focuses on making forms first-class: Form Actions are async functions you plug into a <form> so you no longer manually set… | ||
| Design Language on Autopilot: How Figma and Code Can Automate Your Workflow | Kamlesh Chandnani | 16m |
Describes concrete tooling that keeps Figma and code in lockstep: a Figma plugin that creates a GitHub PR when a Figma variable changes so designers’ token… | ||
| Experiments with React Compiler in Production Code | Rajat Vijay | 20m |
Integrated the React Compiler as a Babel plugin and a runtime module into a 25-package monorepo with NX and pnpm, then ran the hcheck that reports 82%… | ||
| Nuances of Iframe: Lessons from Contentstack Live Preview | Deepak Kharah | 22m |
Contentstack Live Preview loads any hosted site into an iframe and syncs CMS edits in real time using websockets for the prototype, then moves to a per-session… | ||
| User-friendly video playback on the web | Jay Parekh | 19m |
Shows how to serve MP4/WebM with HTTP range requests so browsers stream instead of waiting for a full download, demoing a local server that emits 1 MB chunks… | ||
| Bridging Worlds: From React Developer to 3D Web Innovator with React Three Fiber | Megha Pathak | 38m |
This talk introduces React Three Fiber, showing React developers how to create immersive 3D web experiences. It covers key concepts, demos, and real-world… | ||
| Supercharging Dev Workflows: AutoGPT Meets React Flow | Ujjawal Anand, Gautam Chadha | 24m |
Claims a visual AutoGPT + React Flow system automates repeatable dev jobs for teams, using Claude and GPT models, web crawlers, Jira and Medium APIs, and a… | ||
| Building a video editor with React | Jonny Burger | 29m |
Builds a working web video editor using React and Remotion Player with local blob previews, uploads via AWS S3 pre‑signed URLs, and serverless rendering on… | ||
| Designing React Interfaces: A Journey Through Modern Styling Techniques | Arsalan Ahmed | 32m |
Builds a Chakra/NextUI‑style Button API with live demos using vanilla CSS vars, styled‑components/CSS‑in‑JS, style‑system, class‑variance‑authority, Tailwind… | ||
| Concurrent Rendering in React | Mithun Devarajulu, Alok Kumar | 30m |
Shows that switching to React 18 concurrency turns a janky dashboard into a responsive one by deprioritizing heavy renders with useTransition + startTransition… | ||
| Success of your framework depends on your API | Saurav Varma | 29m |
Companies at 1mg report search APIs that ask for 10 items but return 4–20, backend responses that silently wrap errors as 200, and a Safari scrolling bug… | ||
| I tried to host Next.js on Cloudflare (and lived to regret it) | Vinay Raghu | 20m |
A production Next.js site deploys fast with Cloudflare Pages and Wrangler, but real problems emerge: the Edge runtime runs on Cloudflare Workers, so fetch… | ||
| Give superpower to your React workspace with Nx | Santosh Yadav | 25m |
npx create-nx-workspace scaffolds a React/Next/Remix/Expo workspace with generated apps, libs and CI configs; built-in caching and the NX affected command run… | ||
| Panel Discussion: Winning Web and Native Apps | Apoorva S., Vinod K., Sumit M., Harshal P. | 30m |
Panel covers concrete NFR tactics: server rendering on Node to avoid low throughput, use of schema.org JSON-LD and semantic HTML for SEO and accessibility, and… | ||
| React's Odyssey: Harnessing the Titans of Animation and Performance | Puru Vijayvargia | 28m |
Shows how to mount Svelte components inside React by wrapping Svelte files with a bridge that passes reactive props (using Svelte 5’s $state reactivity)… | ||
| Automate Performance Monitoring for Micro Frontend Apps | Amit Batra | 14m |
Automate Performance Monitoring for Micro Frontend Apps
Leveraging lighthouse CI and Puppeteer to build a tool that continuously monitors the performance of… | ||
| Web Workers - Little Minions At Work for Optimizing Performance | Nida Shaikh | 24m |
Demo shows pixel‑by‑pixel heavy image filters freezing the UI for about 1089 seconds on the main thread, then running orders of magnitude faster when moved… | ||
| Encrypting Data in the Browser - Exploring Web Crypto APIs | Aakansha Doshi | 39m |
Live demo shows browser-side end-to-end encryption using Web Crypto API (crypto.subtle) with AES-GCM (128-bit key) and a per-encryption 12‑byte IV stored with… | ||
| Navigating the Shift SDLC’s Transformation into AI-Driven Engineering | Rakesh Ravuri | 32m |
Navigating the Shift: SDLC’s Transformation into AI-Driven Engineering
The topic revolves around the transformative impact of Generative AI on the traditional… | ||
| What's next for the React Compiler? | Sathya Gunasekaran | 19m |
React Compiler is open source and ships as a Babel plugin with a public Beta on npm that supports older React versions via a runtime polyfill. Recent work adds… | ||
| Custom Dev Tools to Supercharge Your Team's Productivity | Brendan Morrell | 29m |
Custom dev tools are built into the app, lazy‑loaded and gated by environment and role checks so they never bloat prod or expose secrets. Examples: a Node… | ||
| Making AI better with React feat | Tejas Kumar | 29m |
Claim: React makes AI usable by wiring models to real UI. Shows a working RAG pipeline using a vector DB (Astra), embeddings, and OpenAI gpt-3.5 turbo via… | ||
| nothing matches | ||