React Alicante 2019
2019-09-26..2019-09-28
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, mobile developers, frontend architects, engineering managers, QA engineers
topics
useReducer and custom hooks; type-level TypeScript types; CSS Modules versus styled-components; Time To Interactive tuning; React Suspense and code splitting; Web and React Native voice integration; Chrome Performance and DevTools profiling; lerna monorepo for web and native; react-window virtualization; Compiling GraphQL to JavaScript
| title | author | length |
|---|---|---|
| Refactoring off the hook(s) | Marco Cedaro | 39m |
Refactors a small color-picker app and shows concrete before-and-after code: replaces one big state object with multiple useState calls, moves complex logic… | ||
| Type-level Programming ƒun in TypeScript | Mattia Manzati | 37m |
Type-level programming in TypeScript shows how to turn URL strings into exact response types and make fetch return Promise<CorrectType> instead of any, using… | ||
| CSS. Under the hood. | Kasia Jastrzębska | 39m |
Browser parsing builds DOM and CSSOM in parallel but CSSOM creation blocks JavaScript execution, so external stylesheets stall the critical render path. A demo… | ||
| Evergreen Legacy Applications | Harry Wolff | 33m |
Shows a practical migration from a Java/JSP + Backbone/Marionette app to React inside a MongoDB Atlas front end, with an isolated rewrite of registration pages… | ||
| React architecture in Product Hunt | Radoslav Stankov | 42m |
Product Hunt runs React for 4+ years with a small team and a gradual migration off Rails, using SSR, Apollo and generated TypeScript types from GraphQL so… | ||
| How I built a live transport map for my hometown | Denys Dovhan | 09m |
Builds a live transport map for a small hometown that pulls real-time locations from GPS beacons into a mobile‑first web app, rewrites ugly existing apps, and… | ||
| React and Auth0 working together to build more secure apps | Daily Miranda | 12m |
Explains how to integrate Auth0 into a React app by installing and configuring the Auth0 SDK, protecting routes with route-guard logic, and obtaining and… | ||
| Optimising React TTI | Luis Felipe Román | 15m |
Focus on reducing Time To Interactive by measurable tactics not high‑level promises. Run Lighthouse audits, compare gzipped and raw bundle sizes, and split… | ||
| Tracking promises or how to avoid showing infinite loading indicators | Braulio Díez | 09m |
Slides: https://www.slideshare.net/brauliodiez/react-alicante-19-lightning-talk-react-promisetracker | ||
| Giving voice an action in React and React Native | Wouter Van Den Broek | 24m |
Shows concrete code to wire React and React Native to microphone input, demoing the Web Speech API / window.speechRecognition and the Expo SDK for mobile… | ||
| Testing in React Native: Unit & E2E | Preeti Wadhwani | 22m |
Slides: http://react-alicante-rn-testing.surge.sh/#/ Every day we write a hundred, thousand lines of code to build products in the aim of impacting the lives… | ||
| You Keep Using That Word, I Don’t Think It Means What You Think | Shem Magnezi | 41m |
Built an internal app called Space Station grows from a five‑engineer sketch to ten teams touching one repo, forcing choices about isolation and deploys… | ||
| Mind-Reading with Adaptive and Intelligent User Interfaces | David Khourshid | 39m |
Claim: adaptive UIs learn and personalize in real time by turning executable models into live behavior. Concrete tools: finite state machines and statecharts… | ||
| Profiling React rendering performance | Sergey Ryzhov | 40m |
A live profiling session of the Pirates list web app uses Chrome Performance Tab and the React DevTools Profiler to show actual costs: renders that start… | ||
| Paving the adoption path of your Design System for engineers | Jeremias Menichelli | 45m |
Clear, testable changes: add unit tests before refactors, extract UI logic so behavior can be swapped, and offer gradual deprecation warnings so teams migrate… | ||
| Testing in Production | Talia Nassi | 23m |
Claims that testing in production yields higher accuracy, faster feedback (no mocks), and fewer escaped bugs, demonstrated by using feature flags, an… | ||
| Resolving real-world problems by mixing several advanced React patterns and features | Mario Beltrán | 45m |
Builds a real radio group, a “radio picker” that shows conditional content, and an actionable dropdown that keeps draft state and only applies on demand… | ||
| React Native, your UX superhero | Noemi Rozpara | 10m |
Claims that React Native’s superpower is flexibility and not magic, demonstrates that gesture-driven animations choke on the JS/native bridge bottleneck and… | ||
| Using React with JAMstack | Jesús Cuesta | 10m |
Slides: https://docs.google.com/presentation/d/1iz_yQy61PEBfyrwNwusGqF4Z5LZQH2PTr993fRR7VcA/edit?usp=sharing | ||
| Compiling GraphQL to Blazing Fast JS | Rui Arujo | 11m |
Zalando compiles each GraphQL request into a single generated JavaScript function that inlines resolvers and builds the response object, letting V8 optimize on… | ||
| React Native at Skyscanner: The Good Parts | Karan Thakkar | 26m |
Slides: https://www.icloud.com/keynote/05npA0nW9Z1ILQXE2x-e5XUiw#React_Alicante_-_September_2019 In this talk, Karan will share his learnings from working on… | ||
| Monorepo: React Web & React Native | Eugene Zharkov | 34m |
Claim: sharing business logic between React web and React Native speeds development but adds real costs: npm link fails for RN, Metro bundler refuses parent… | ||
| High performance video editing for the mobile web | Forbes Lindesay | 43m |
At Threads a mobile web video editor is built in weeks that combines canvas rendering with an invisible React UI and an ffmpeg backend to produce near… | ||
| nothing matches | ||