React Alicante 2023
2023-09-28..2023-09-30
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, frontend engineers, web performance engineers, accessibility engineers, React Native developers, library and framework authors, engineering managers
topics
SolidJS fine-grained signals; React server components; hydration and resumability; Edge Functions at CDNs; tRPC end-to-end TypeScript APIs; GraphQL client ecosystem 2023; Playwright end-to-end testing; React DevTools profiling workflows; codemods with jscodeshift; type-safe DB-to-frontend codegen; canvas text layout and hitbox testing
| title | author | length |
|---|---|---|
| React The Good Parts | Tejas Kumar | 34m |
Starts with a hand‑built counter then shows a 10,000‑item list demo comparing React to Solid and claims React’s slowness is the virtual DOM plus whole‑tree… | ||
| SolidJS for React Developers | Erik Rasmussen | 29m |
Solid claims: SolidJS uses createSignal getters, components run once (not re-rendered) and the compiler tracks DOM dependencies so there’s no virtual DOM and… | ||
| Playing your tests wright | Debbie O'Brien | 29m |
Argues that end-to-end testing is now the practical default, shows Playwright tooling that actually reduces pain: playright with auto-waiting and retrying… | ||
| Type safety from the database to the frontend | Forbes Lindesay | 29m |
A library at databases generates TypeScript from SQL schemas and PG typed links query strings to precise result types so schema changes update types… | ||
| Building Text Containers in Canvas | Aakansha Doshi | 36m |
Shows how a canvas text container is implemented end to end: identify targets with hitbox testing using pointerdown/pointerup distance to avoid click false… | ||
| Pushing boundaries to the edge | Facundo Giuliani | 32m |
Claim: run server-side JavaScript at CDN nodes to generate dynamic responses near users, reducing latency and origin load. Demonstrations use Next.js Edge… | ||
| tRPC: Better than REST GraphQL? | Devlin Duldulao | 12m |
Claim: tRPC gives end to end TypeScript types without schemas or code generation and it actually proves it. Demo uses Next.js and React Query integration… | ||
| Common Pitfalls in React Native Apps and How to fix them | Dan Neciu | 10m |
Practical failures and fixes: importing Expo Google fonts naively bloats a bundle to ~150 MB and crashes some Android phones, so import the exact font file… | ||
| Maximizing React Perfomance with DevTools: Profiler and Components | Jelena Maravic | 11m |
Shows concrete use of react Dev tools Profiler and Components to find why specific components re render, using Profiler recordings, flame/rank charts and… | ||
| Codemods how to support your users with breaking changes delivery | Łukasz Nowak | 13m |
A concrete claim: codemods let libraries ship breaking changes while keeping feedback flowing by automating repetitive refactors. The demo uses jscodeshift and… | ||
| Seek, and you shall find your way to fun! | Kevin Maes | 20m |
Demo implements maze generation with a recursive backtracker (DFS) arranged on a flattened grid, exposes runtime control via xstate statecharts so the… | ||
| Crafting Accessible Components for Component Libraries | Mathilde Buenerd | 10m |
Three concrete patterns decide whether a library actually helps accessibility or just claims to: use a tag/as prop so components render article section or div… | ||
| The State of GraphQL Clients in 2023 | Roy Derks | 15m |
Survey data from 2022 shows GraphQL Hooks surprisingly topping client popularity, with Apollo scoring high on satisfaction but dragging bundle size and… | ||
| Hydration, Islands, Streaming, Resumability... Me, Oh My! | Matheus Alburquerque | 35m |
Covers concrete tradeoffs and working examples: Marco (2014) proves automatic partial hydration and streaming, Astro demonstrates Astro ships zero JavaScript… | ||
| All you need is a contract | Daniel Afonso | 30m |
Claims that using TanStack Query plus Mock Service Worker removes three concrete problems: unmaintainable server‑state code, flaky network tests, and blocked… | ||
| Practical guide to building accessible forms in React | Kateryna Porshnieva | 30m |
Promises specific fixes and shows a working signup form with keyboard focus outlines, inline and summary validation, live announcements and autocomplete rather… | ||
| Why I Still Choose React | Chance Strickland | 31m |
Argues for React because its core claim — that UI is a function of state — still yields predictable composition and ten years of real-world experience. Calls… | ||
| Processes, StateCharts and WorkFlows | Mattia Manzati | 34m |
A concrete recipe for long‑running work shows a React storefront that starts as one endpoint, breaks into many, and then needs durable coordination: implement… | ||
| Resumability in the next generation frontend framework With O1 loading time | Ruby Jane Cabagnot | 18m |
Compares measurable behavior: Qwik achieves O(1) startup by shipping HTML that serializes closures into a Qwik JSON blob so the browser resumes state without… | ||
| Server side rendering React natively with Reason | David Sancho | 36m |
Claim is that React can be server rendered natively by compiling Reason components so one codebase runs on browser and server, implemented as serverReasonReact… | ||
| Bye bye, weeds! Digital Gardening with Astro, SolidJS, & MDX | Kathleen Mcmahon | 36m |
Migrates a four‑page Gatsby site into Astro with MDX and optional SolidJS/React islands, keeping existing components and switching to Astro’s content… | ||
| Rendering Dilemma: Reacting to State Change | Atila Fassina | 34m |
Live demos show a pair of counters: a vanilla React version and a signals version using Solid, with two counters demo proving the difference — React re-renders… | ||
| A comparison on Microfrontends composition techniques Module Federation | Aris Markogiannakis | 15m |
Demo shows two apps Main and Dogs apps on ports 3000 and 3001 where the main loads the Dogs microfrontend without an iframe. Comparison finds Module Federation… | ||
| Accelerating Your Career: Becoming a 10x Junior Engineer | Joana Santos | 11m |
Concrete habits that accelerate growth: practice debugging with logs and tests to learn architecture, explain defects in business terms, and fix production… | ||
| Supercharging React Performance with JavaScript Signal Optimisation | Subham Bhattacharjee | 17m |
Claims that migrating parts of a React app to Solid.js yields measurable wins: components execute once, updates target only changed nodes, and a tiny runtime… | ||
| Patterns for Making Accessible Components | Chris Cormier | 15m |
Practical, code-level patterns for accessible components: use aria-current for breadcrumbs so screen readers know the active page; implement toasts as… | ||
| How Bloomberg Built a Talent Sourcing Chrome Extension Using React | Adina Stoica | 11m |
Bloomberg builds a working Chrome extension in React that auto‑responds in Gmail and stores private notes, using Material UI for layout and Create React App… | ||
| You are not becoming rich with a mobile app | Stefano Solinas | 16m |
Builds three projects: an Angular website, a mobile-only crypto viewer with no user data and no server, and a puzzle game IMXel that limits hints. Claims a big… | ||
| Reviewing code review duty, fun or... revenge? | Paulina Chojnowska | 13m |
A concrete example shows code review decisions: a banner feature initially uses react-cookie, is migrated to localStorage, then to useSyncExternalStore before… | ||
| DAVID KHOURSHID Making state management intelligent | David Khourshid | 32m |
Claims that combining state machines + reinforcement learning + GPT-4 makes UI agents that can plan and act, not just chat. Uses XState (xstate v5 beta and… | ||
| Building Machine Learning Models on Edge with React | Shivay Lamba | 30m |
Live browser inference using tensorflow.js, a pose‑estimation demo that overlays a skeleton on webcam feed and a sentiment classifier built with… | ||
| Imperative vs Declarative: Weathering the storm | Kyle Simpson | 50m |
Argues that readability beats cleverness and demonstrates it by building a real app, Weather Round, with RedwoodJS and React, exposing concrete pain points… | ||
| nothing matches | ||