React Alicante 2024
2024-09-19..2024-09-21
-- online --
[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, frontend engineers, full-stack engineers, accessibility engineers, engineering managers, platform engineers
topics
React Server Components; React 19 server actions; Full-stack form validation; XState state machines; Time-travel debugging with DevTools; tRPC-like RPC libraries with proxies; Static-site server rendering at build time; React Three Fiber 3D models; WebAuthn passkey authentication; Accessible design systems with Storybook tests
| title | author | length |
|---|---|---|
| Composition is King | Chance Strickland | 16m |
Argues that React 19 is a natural extension of composition, not a rewrite: demos show server components returning promises, passing them to client consumers… | ||
| Enhancing Forms with React Server Components and React 19 | Aurora Walberg Scharff | 27m |
Demo builds a live form using React 19 server components inside Next.js app router with Prisma, Zod and Tailwind, showing server actions wired to the extended… | ||
| Debugging JS and React | Mark Erikson | 35m |
Debugging is framed as the scientific method with concrete tactics: use browser DevTools and console.group / table formatting, step through code with a… | ||
| Building Complex UI with State Machines | Erik Rasmussen | 31m |
Implements an autocomplete search UI using xstate and TypeScript, modeling states for no-results, searching and selecting, invoking actors for keyboard input… | ||
| All Secrets Reveiled | Astro Studio | 27m |
Demo shows an ask‑me‑anything site wired to Astro DB then pushed to a remote Terso libSQL instance and deployed successfully, proving remote sync and deploy… | ||
| 2024 09 20 06 ALENA NIKOLAEVA & DAVID JENSENIUS -The A1lyboros maximizing accessibility with Copilot | Alena Nikolaeva, David Jensenius | 27m |
Copilot demonstrates concrete help: Copilot suggests code fixes (form labels, headings, alt text) and a demo shows the magic button applies changes but misses… | ||
| Enhancing your Static Sites with React Server Components | Akash Hamirwasia | 16m |
Shows how react server components run at build/CI time inside static sites so components fetch data (GitHub API) and do build-time work (Shiki syntax… | ||
| Making your own tRPC-like library | Gabriel Grubba | 08m |
Concrete steps for building a tRPC-like layer appear: a proxy-based client that records a dotted path and args, uses the apply trap to forward calls, and maps… | ||
| Diagrams you need to know | Jenny Troung | 10m |
Diagrams plan a weeklong offsite: ERDs with primary and foreign keys collect each attendee, dietary and flight data so no one’s allergies or departure city get… | ||
| Using events and modern sm tools to clean up local-first logic | Wojciech Ogrodowczyk | 13m |
Argues for storing domain events instead of only final state so timelines, retrospectives and derived insights emerge from the event stream; shows that there… | ||
| Dude where is my password? | Miquel Company | 12m |
Claim: replace passwords with pasis (Fedo-standard passkeys) using public/private keys and challenge/response. Implementation: use web Alon (WebAuthn) to… | ||
| Let's build everything! The chaos of pet projects | Mikhail Korolev | 07m |
An attempted hardware controller actually talks to the Chrome Developer Tools debugger then hits the limitation that the Web Serial API cannot operate while… | ||
| How to make cheap e2e tests | Anastasiia Dragich | 11m |
Claims that Playwright plus a local orchestration utility cuts e2e friction by running 100 dynamically generated tests in about 1.5 minutes instead of an 18… | ||
| 3D Models on the Web with React Three Fiber | Thomas Derflinger | 10m |
Claims that react-three-fiber is a declarative renderer on top of three.js that lets React state, event handlers and components drive real 3D scenes in the… | ||
| A Schema is all you need! | Mattia Manzati | 37m |
Claims that a single runtime description generates everything needed: FS schema definitions produce decoders, encoders, async validators, fast-check… | ||
| Signals: What, How, and Why! | Atila Fassina | 28m |
Argues that signals are a push-pull signals implementation that yields fine‑grain reactivity by updating only getters instead of re‑rendering whole components… | ||
| One App Fits All: Building Responsive Experiences in React | Kateryna Porshnieva | 33m |
Demonstrates concrete techniques: fluid typography with clamp and REM scale, responsive layouts using container queries instead of viewport breakpoints, and… | ||
| 2024 09 20 18 DAVID KHOURSHID - useWat | David Khourshid | 33m |
Demonstrates that useState batching makes sequential updates yield unexpected counts, that maps and sets don’t behave well in state without hacks, and that… | ||
| From Chaos to Clarity: Design Patterns for Scalable Software | Joana Santos | 19m |
-- no description -- | ||
| Type-Safe React with OCaml: A Practical Guide | Dillon Mulroy | 26m |
Claims that OCaml gives a sound type system with 100% accurate and sound inference and practical React bindings compiled by mange into readable JS… | ||
| Full Stack Form Validation with React Server Actions | Evyatar Alush | 38m |
A small validation framework called vest library wires client and server checks together using React Server Actions, running per-field sync and async rules… | ||
| Continuous Improvements of The Code Review Process | Keren Kenzi | 22m |
Advocates for concrete changes: break tasks into small PRs to reduce bugs and merge conflicts, add a pull request template with ticket links, context… | ||
| Chaos Mode: Finding & Fixing Race Conditions | Forbes Lindesay | 26m |
A concrete workflow: add random delays in request pipeline (split before and after fetch) behind a localStorage toggle so racey search responses happen ~50% of… | ||
| React is turning 19! | Nikhil Sharma | 18m |
react 19 reaches beta and delivers concrete pieces: a Babel plugin plus a compiler core that react compiler uses to prune and memoize, server components that… | ||
| From mentee to mentor: the art of asking questions that accelerate | Kate Marshalkina | 09m |
Recounts a simple rule that changes hiring outcomes: don't give advice. Shares concrete history — R18 lands, a 4% interview score, two years of mentorship… | ||
| Covid fairytale : Building a RN App to find a toilet roll during | Aris Markogiannakis | 12m |
A small React Native app wires Expo location helpers to a backend built with Prisma (saving into SQL light/Post) and uses yel Fusion to map nearby stores… | ||
| Speed at Scale: Optimizing The Largest CX Platform Out There | Matheus Alburquerque | 13m |
Migrating a legacy React 15/Weback/Node 10 codebase to a modern build pipeline yields concrete wins: a generated modern bundle is 37% smaller and legacy builds… | ||
| The easy way to Full Stack | Dani Coll | 11m |
Shows concrete wins: add pipeline scripts to auto‑check commit IDs and lint rules, plug renovate boat to auto‑update deps, and reshape scattered API responses… | ||
| Sweet, savory, and fresh! Accessible design system Storybook tests | Kathleen Mcmahon | 15m |
Claim: embed accessibility checks into component work so violations show up in Storybook, the tests actually run Axe via the Storybook accessibility add-on and… | ||
| Types, TypeScript and the JIT | Daniel Minor | 10m |
Concrete claim: TypeScript never hurts JIT performance and can make type behavior more predictable but offers no guarantees because TypeScript types don't… | ||
| The Shape of Frameworks to Come | Daniel Afonso | 13m |
Solid Start claims to let fine‑grain reactive apps do SSR without lock‑in by composing router, cache and server RPC primitives. It uses useServer RPC calls… | ||
| How you can Server-Render without Rendering on the Server | Eric Vlad Vicenti | 35m |
Claims a practical path to server‑driven UI that avoids heavy client rebuilds by sending JSX‑like component definitions and actions over websockets… | ||
| Evolving Game Development with Genetic Algorithms | Kevin Maes | 38m |
A playable web game called egg drop is built with React and conva, assets made via Logoist and Texture Packer, audio with howler js, and state logic in xate. A… | ||
| 2024 09 21 34 PAULINA CHOJNOWSKA -The Illusion of Success: When Delivering on Time is not Everything | Paulina Chojnowska | 26m |
Four concrete case studies show deadlines met but costs paid: one project finishes by Wednesday after a bank holiday review and late PRs and produces burnout… | ||
| nothing matches | ||