React Nexus 2023
as the organisers put it
React Nexus is a two day in-person conference fully packed with amazing talks on topics related to React, React Native and Frontend development.
| title | author | length |
|---|---|---|
| React Server Components | Tejas Kumar | 30m |
A working demo builds a minimal RSC backend with Express + renderToString, dynamic imports and a custom serializer that turns JSX (including async components)… | ||
| Deep Diving on Concurrent React | Matheus Albuquerque | 29m |
Concrete description of how React 18 schedules work: the scheduler yields back to the browser roughly every 5ms so renders become interruptible; updates map to… | ||
| Streaming Server Side Rendering simplified with Next.JS | Mariappan Subramanian | 16m |
Shows how Next 13 app router plus React 18 Suspense uses renderToPipeableStream to stream HTML in chunks, demonstrated with a blog page that loads a gallery… | ||
| Elegant UI updates using Transition (React18) | Tapas Adhikary | 09m |
Shows that marking heavy list filtering as low priority with useTransition and wrapping the filter setState in startTransition keeps the input update urgent… | ||
| Tangled in Tailwind: A love-hate story | Tanisha Sabherwal | 19m |
Tailwind promotes a utility-first composition model that combines tiny classes into reusable components, and the build purges unused CSS so production bundles… | ||
| From Constraint to Flexible API: Building a Balanced Design System | Kamlesh Chandnani | 26m |
A constraint-first design system evolves into a guided-but-flexible library that enforces patterns while permitting escape hatches: typography splits into… | ||
| Measuring Coverage of Design System | Karan Kiri | 10m |
A static analyzer based on the npm package react-scanner parses the codebase AST to report component names, import sources, prop counts and instance locations… | ||
| Component Symphony: Composable Components for Rapid Delivery | Ruchi Rai | 15m |
Atlasian’s admin platform hosts 70 applications, so the team replaces brittle, hard-to-reuse UI with a three‑layer pattern: atomic stateless components… | ||
| React Rendering Strategies Panel Discussion | 40m | |
React 18 uses SSR streaming plus Suspense to stream placeholders (spinners) then replace them with HTML so pages show content before all data or JS finishes… | ||
| Web Apps, through the Lens of SRE (Site Reliability Engineering) | Prateek Pandey | 14m |
Porter runs web SRE for a platform with ~500,000 driver partners across 19 Indian cities and two abroad, building web apps, webviews and Lambda invoices and… | ||
| Elemental Testing My Dear Watson - Unit Tests for UI Components | Ravi Sawlani | 09m |
Shows concrete component testing wins: mounts a product card and clicks the favorite button with Nightwatch instead of full end-to-end flows, cutting setup and… | ||
| Hitchhikers guide to quality in startups | Sumedha R Kulkarni | 14m |
Shows how Playwright plus the Visual Studio Code Playwright extension turns brittle 300–400 line E2E tests into readable page objects and helpers, using… | ||
| Play It Right With Playwright | Ashesh Lal | 12m |
Playwright replaces a brittle Selenium suite with concrete wins: migrated 80% of Selenium in <1 month, tests run <5 minutes (down from ~20), automatic… | ||
| Building a React App with AI | Anurag Kanoria | 12m |
Demonstrates using Locofy’s Figma plugin to generate a componentized React app that runs locally and deploys to GitHub, claiming responsive output when designs… | ||
| Common UI Problems & Scaling With Relay | Akshaya Acharya | 09m |
Claims that Relay eliminates implicit data coupling by co-locating fragments with components and enforcing data masking, so a component only sees fields it… | ||
| Hacking JSX pragma for fun and profit | Akash Hamirwasia | 13m |
JSX pragma is repurposed into a global middleware that replaces the compiler’s element factory (Babel/SWC/TypeScript output) with a custom function that… | ||
| Deep dive into react profiles and performance optimisation | Sanket Singh | 16m |
Uses React DevTools profiler (Chrome extension) with highlight updates and record why enabled to show exact commits and flame/timeline data; profiling shows an… | ||
| A practical guide to implementing Content Security Policy (CSP) to secure Client-side | Lavakumar Kuppan | 16m |
Step-by-step practical plan: start with a monitoring mode CSP sent as an HTTP header and paired with a report-collection service, use scanner.dom.io to… | ||
| Building Immersive Experiences on the Web | Ishan Sharma | 17m |
Claims that the web supports true depth and volume using WebGL and three.js and demonstrates a working pipeline: yarn create + yarn add three, create… | ||
| Offloading Main Thread: Improving Web Performance with PartyTown | Atiksh Srivastava | 09m |
Library PartyTown moves third‑party scripts into a web worker so page JavaScript stops getting blocked, using a service worker plus synchronous XHR proxy calls… | ||
| Shipping code faster | Varsha Saha | 29m |
Flipkart builds a low code platform that converts a drag-and-drop WYSIWYG editor into a compact DSL saved in a widget service and rendered by a DSL → React… | ||
| Creating a React Native like runtime | Nishan Bende | 14m |
Builds a tiny React Native–like runtime on iOS by embedding the Hermes C++ engine, injecting scripts (one plus two) and adding a console.log binding. Uses JSI… | ||
| Sharing logic & state between universal web and mobile apps | Mo Khazali | 28m |
Argues for sharing business logic and client state between web and mobile by packaging hooks and API adapters into a monorepo and running session-like state on… | ||
| Breaking the Limits of React Native with Multithreading | Darshan Ponikar | 17m |
Claim is that React Native can be pushed beyond single-thread limits by moving heavy work off JavaScript into native layers using JSI and native C++ or Java… | ||
| Building video applications using react-native | Kapil Mishra | 07m |
Shows a working app built with Vonage React Native SDK using WebRTC primitives: sessions and tokens, publishers/subscribers and event hooks. Demo runs from a… | ||
| Decoding Webpack: Unraveling Its Architecture | Nitin Kumar | 24m |
Fast, concrete map of webpack internals: 80% of webpack is plugins and plugins are objects with an apply method that tap into tappable hooks; webpack team… | ||
| Breaking Down Monoliths: Microfrontend Architecture with React | Preeti Wadhwani | 15m |
Demo converts a monolithic React feed into a runtime-loaded microfrontend using Module Federation and webpack, with a simple host app that loads a feeds… | ||
| Federated modules and Monorepo | M Zubair Ahmed | 08m |
matamus consolidates many plugin-driven web, mobile and server repos into a single monorepo using npm workspaces and webpack Module Federation. Build and dev… | ||
| Streamlining npm modules and lock files Management | Vikram Gupta | 10m |
Shows concrete fixes: commit and never manually edit package-lock.json / yarn.lock / pnpm-lock.yaml, use tilde/caret for ranges, run yarn audit and yarn… | ||
| React App Bundling based on HTTP version | Santosh Selvasundar | 14m |
Explains how bundling and load order interact with HTTP versions and gives concrete fixes: avoid blind parallel fetches on slow links like 3G, 6 connections… | ||
| Growing India's FOSS Community | Aakansha Doshi | 14m |
A volunteer-run foundation called First United organizes meetups in five cities and city-level FOSS conferences in 14 locations, runs 55+ events with 7500+… | ||
| Building a “Universal” CSS-in-JS library | Sanket Sahu | 27m |
Claims a universal CSS-in-JS that maps one JS API to React Native and web, supports full CSS features (variables, media queries, pseudo selectors), and keeps… | ||
| Building a scalable, multi-platform OTT app for India | Sahil Kalyani | 18m |
An ad‑supported MiniTV app for India that serves TV, mobile and web devices uses a thin client with middleware‑driven rendering to keep business logic off… | ||
| Beyond Mobile: Taking Your React Native App to Desktop and Web | Rohan Prasad | 14m |
Claim: a single React Native codebase runs on Android, iOS, Mac and Windows (via react-native-macos and react-native-windows) and can also target web using… | ||
| Creating an inhouse library to measure performance | Aditya Pahilwani | 13m |
Built an in-house performance library on top of Firebase to measure TTP and TTI plus arbitrary custom spans, exposing a synchronous-looking JS API that… | ||
| GenAI - Web Development using Freddy Copilot | Karthikeyan P Ramasamy | 12m |
A VS Code plugin called Freddy copilot generates complete Freshworks Neo apps by combining company docs with large language models, producing multi-file React… | ||
| Signal Boosting | Dani Akash | 14m |
Demo replaces Context with Zustand and then with a signals layer (from Solid.js / Preact signals) to avoid full virtual DOM recomputes, using a 100-box demo… | ||
| Thinking Qwik! | Kirankumar Ambati | 15m |
Claims that Qwik keeps initial JavaScript constant around a 1 KB loader and shifts app state into HTML via quick.json so pages become interactive without… | ||
| Building Server Driven UI | Pulkit Kashyap | 16m |
Server-driven UI at Flipkart turns ad onboarding into JSON configs that map keys to components via an asset factory, adds a reusable Rule engine for both… | ||
| The SDK that Reacts: State Over Events | Tushar Tripathi | 14m |
Argues that high-frequency collaborative apps need a middle SDK layer, and shows a working stack: 100Ms SDK fronting a client-side live store built on top of… | ||
| React Native for Web Panel Discussion | 46m | |
Companies report real results: a major marketplace migrates parts of its site to React Native Web years ago and sees faster feature delivery, one media app… | ||
| nothing matches | ||