React Alicante 2022
2022-09-29..2022-10-01
Alicante, Spain
[React Alicante 2017, React Alicante 2018, React Alicante 2019, React Alicante 2022, React Alicante 2023, React Alicante 2024, React Alicante 2025]
who it's for
React developers, React Native developers, frontend engineers, platform engineers, engineering managers, developer experience engineers
topics
Apollo Client GraphQL; pnpm and Turborepo monorepos; Module Federation SSR microfrontends; React Native platform quirks; OpenTelemetry for frontends; Remix loaders and actions; Vite frontend tooling; React Query data fetching; ReScript with React; cross-platform design system architecture; state machines on the edge; JavaScript memory and objects
| title | author | length |
|---|---|---|
| Github stars won't pay your rent - KITZE | KITZE | 34m |
An open source repo racks up 5,000 GitHub stars but $92 in two years and proves popularity doesn’t pay bills; a developer builds a real product (a browser for… | ||
| From React to React Native | Stefano Solinas | 39m |
Everything is concrete: React Native maps HTML to native components, onTextChange is the missing convenience event, tables become views and strings outside… | ||
| Consume GraphQL API with Apollo Client and React | Nidhi Kumari | 27m |
Claims that GraphQL avoids over‑ and under‑fetching with a concrete timing: SWAPI GraphQL returns a character list in 602 ms vs 4 s for the REST calls shown… | ||
| Handling Monorepos Today | Atila Fassina | 41m |
Builds a reproducible monorepo using pnpm for deterministic hoisting, turbo for remote caching and task orchestration, and changesets plus renovate and Kodiak… | ||
| Microfrontends with Prisma ORM and NextJS | Aris Markogiannakis | 32m |
Shows a concrete repo: three NextJS apps running on 3000/3001/3002 that are composed at runtime so each microfrontend builds and deploys independently. Uses… | ||
| Don't Forget React memo | Khrystyna Landvytovych | 17m |
Claims that useCallback is just sugar for useMemo, shows a custom memorization hook built with useRef/useState, and reports concrete timings — filtering costs… | ||
| Data fetching made easy | Daniel Mocan | 11m |
Shows concrete replacement of useEffect + setState with useQuery/useMutation and a QueryClientProvider setup, so code shrinks and boilerplate goes away… | ||
| React Remixed | Daniel Afonso | 13m |
Remix claims to teach the web by compiling a server build and a browser build, producing an asset manifest that reduces render waterfalls and lets apps deploy… | ||
| Tips for Building Successful React Native Apps | Milica Aleksic | 11m |
Simulators hide platform bugs; testing on real devices across many Android models reveals crashes and performance regressions. The native stack navigation… | ||
| Observability in frontend: React Open Telemetry | Xavier Serrano | 17m |
Claims that React apps become proactive by shipping OpenTelemetry JS SDK in the browser, exporting traces to any observability backend. Demonstrates an actual… | ||
| Inclusive clicks in JS apps | Sandrina Pereira | 11m |
Advocates using semantics and small concrete rules: use a real button for actions and a real link for navigation, or build a component that renders an <a> when… | ||
| ReScript: digitalising a hospital with the JavaScript from the Future | Maxim Valcke | 33m |
A hospital appointment web app gets built with ReScript and React, compiles to readable JS, and runs the demo form end to end; fast iteration shows a claimed… | ||
| Effect ful computations with Fibers | Mattia Manzati | 35m |
A small to‑do app is built and iterated until it actually works: synchronous loops become promises, then parallel promises, then a fiber runtime that limits… | ||
| How to think `User first` | Kasia Jastrzębska | 31m |
Claim: making the site funnier will increase interaction; hypothesis gets tested by a three‑variant A/B experiment implemented with Next.js, feature flags and… | ||
| Clean coding with React in a nutshell | Anisha Swain | 30m |
Claims a concrete clean‑architecture pattern for front‑end code: three layers (domain entities, application use‑cases, adapters), strict dependency rule, and… | ||
| Web Applications of the Future With TypeScript and GraphQL | Roy Derks | 38m |
Shows an end to end workflow: a live Hacker News–style frontend queries Practical Dev through a stepson GraphQL layer, generates TypeScript types with graphql… | ||
| Adiós, useEffect: Managing Effects More Effectively | David Khourshid | 43m |
Argues useEffect often misleads: runs effects twice on mount in react 18 strict mode, causing surprising re‑runs and infinite loops. Recommends moving… | ||
| Inside Fiber: the in depth overview you wanted a TLDR for | Matheus Albuquerque | 36m |
Explains fibers as per-component stack frames that let react schedule, pause and resume work, with fiber tags having grown (about 25 kinds) and real sites like… | ||
| Remix your UI & UX to another level | Arisa Fukuzaki | 37m |
Demo-driven walkthrough connecting Remix with Storyblok using the Storyblok React SDK, showing a 600ms startup and live examples of the realtime visual editor… | ||
| The sorcery of building a cross platform Design System architecture | Kamlesh Chandnani | 36m |
A concrete recipe for one codebase across web and React Native claims a single API that actually builds two isolated bundles by using dot.web and .native file… | ||
| Alice's Adventures in Memory Management, or how JavaScript objects work | Kateryna Porshnieva | 17m |
Covers how V8 lays out values on stack and heap and how strings and objects become pointers, explains string interning and small-int SMIs, shows the Young… | ||
| Incremental Static Regeneration: Static sites on steroids | Facundo Giuliani | 20m |
Shows concrete code using Next.js getStaticProps and the ISR flag, demos a site that compares SSR, SSG and ISR side by side, and sets revalidate: 10 seconds so… | ||
| Vite: The next generation frontend tooling | Devlin Duldulao | 15m |
Vite claims to shrink the dev feedback loop by serving native ES modules from a tiny dev server, doing HTTP requests per import instead of full bundling, and… | ||
| Stop Writing Dead Fish | Rodrigo Pombo | 13m |
A concrete claim: static blog layouts make live code feel like a dead fish and converting posts into interactive pieces measurably increases engagement — one… | ||
| Building a React app that controls a device with OAuth2 | Alison Yoon | 13m |
A React web UI actually controls a Daikin heat pump by implementing the authorization code grant flow: redirect to Daikin, save session cookie state, compare… | ||
| Creating a DSL | Forbes Lindesay | 38m |
A text DSL is used to encode supplier discount and rebate rules for automatic margin calculation and it proves readable enough for non-developers to copy paste… | ||
| Creating a React Library for Consistent Data Visualization across Browsers and | Krystal Campioni | 27m |
A reusable React data‑viz system is built by extracting a platform‑agnostic Polaris core that contains themes, hooks, types and utilities and by delegating… | ||
| State Machines On The Edge | Erik Rasmussen | 31m |
A live demo builds a checkout state machine, serializes it to a cookie, and runs it on the edge so HTTP stays stateless while preserving back/forward… | ||
| nothing matches | ||