ReactConf AU 2020
as the organisers put it
ReactConf AU is being hosted by Thinkmill downunder for the first time on 27 & 28 February 2020 at Jones Bay Wharf - Pyrmont, Sydney Australia 👍 🇦🇺. Details will be released soon on speakers.
| title | author | length |
|---|---|---|
| CSS-in-JS | Max Stoiber | 23m |
CSS-in-JS libraries bind CSS to components so styles hash to unique class names, get removed when components are deleted, and let server render only critical… | ||
| Themeability is the path to dark mode | Diana Mounter | 27m |
GitHub starts with 2449 hex values scattered through Sass in 2017 and migrates to Sass variables, then builds a Primer component library (React) using Styled… | ||
| (Proto)typing innovation in BBC News | James Dooley | 26m |
BBC News Labs builds prototypes that cut transcription from three to four hours per recorded hour by pairing OCTO (an in-house speech‑to‑text trained on… | ||
| Modern Forms in React | Erik Rasmussen | 25m |
Explains why Hooks don’t eliminate form libraries and introduces Final Form (pure JS, framework-agnostic, subscription-based engine ~5.2K gz) plus React Final… | ||
| react-beautiful-dnd: Behind the magic | Alexander Reardon | 23m |
react-beautiful-dnd (rbd) implements a full drag-and-drop engine: it registers components via a registry to collect DOM dimensions, snapshots an item's size… | ||
| 10 x your teamwork through pair programming | Michael Milewski, Selena Small | 23m |
Pair programming shows a concrete workflow: using React components (App → ItemsList → Item), write failing unit tests, drive implementation with PingPong… | ||
| The first two seconds: Faster page loads with React | Josh Duck | 25m |
ABC rebuilds major news sites with server-side rendering plus heavy CDN caching and a small bootstrap script that loads above-the-fold images via an… | ||
| Engineering led design | Lauren Argenta | 22m |
Engineering-led design outlines five concrete behaviours that reduce rework and surface hidden assumptions early: context together (everyone joins discovery… | ||
| Take a load off with React | Jake Moxey | 19m |
Fetch-on-render causes waterfall spinners, microsecond loading flashes, repeated network requests and race conditions that show the wrong profile; promises… | ||
| Senior to leader: Taking the next step | Cathy Lill | 23m |
A front end specialist describes moving into a principal role leading a cross‑disciplinary Strategic Projects team and why frontend skills translate to broader… | ||
| Targeted extensibility: Lessons learned from building Atlaskit | Charles Lee | 21m |
Atlassian migrates Atlaskit and React-Select toward composition to balance consistency and flexibility, using basic props and theming for constrained choices… | ||
| What is an XSS attack - and why should you care? | Carmen Chung | 07m |
Explains that React auto-escapes props but dangerouslySetInnerHTML bypasses that and allows injected HTML and script, demonstrates a fake Twitter clone… | ||
| Reactronica: Music as a Function of State | Kaho Cheung | 08m |
Claims React-style declarative code renders sound by treating music as a function of state, implemented with ToneJS and React Hooks and Context. Live demos… | ||
| Redux Connect vs Redux Hooks: A play | Terence Jeong | 08m |
Claims that Redux Hooks can replace connect but only if developers manage rerenders explicitly, demonstrated using useSelector with shallowEqual and a custom… | ||
| Rethinking Design Practices | Mark Dalgleish | 29m |
Design process shifts from mockups to code using an open source design system Braid and a browser-based tool Playroom that exposes JSX as a design tool. It… | ||
| 5 things you should know about WordPress... wait, what? | Isabel Brison | 18m |
WordPress is moving substantial UI work into React since 2017 and now ships a reusable Gutenberg block editor that's built as npm packages from a monorepo and… | ||
| Write fewer tests! Model-based testing in React | David Khourshid | 45m |
Proposes replacing manually written end‑to‑end tests with model‑based test generation using XState to model app states and transitions, wiring those abstract… | ||
| The tragedy of scale | Nadia Makarevich, Hannes Obweger | 25m |
Jira’s React codebase hits 1.5 million lines of code and is worked on by 500+ engineers, so patterns that benefit one developer break the team. A monolithic… | ||
| Building with Monorepos | Mitchell Hamilton | 20m |
Emotion's monorepo solves slow installs and duplicate React instances by enforcing version constraints (Bolt inspired) and adding a JSON linter called… | ||
| How to teach an old dev new tech: Learning React as a senior developer | Trent Willis | 28m |
Lead dev switches an unfamiliar stack to React with Redux and TypeScript, spends nine months ramping up, ships a rebuilt app that gets positive user feedback… | ||
| A GraphQL Survival Kit | Petra Gulicher | 24m |
Covers three concrete integration problems and fixes: slow resolver chains require profiling and either prefetching into a DB or breaking queries into granular… | ||
| Powerful REST in a GraphQL world | Tejas Kumar | 30m |
A startup workflow replaces fragile REST guesses with TypeScript, Monaco/VSCode-in-the-browser docs and a CLI that codegens real React hooks from OpenAPI. The… | ||
| The Value of Open Source | Jed Watson | 33m |
Open source powers React, Babel, Next, Gatsby and libraries that download millions of times a week (React Select ~7.5M/week) but critical projects are… | ||
| nothing matches | ||