Directional Content in React
summary
Airbnb already ships 27 languages and added Croatian with little overhead but Hebrew forces a full UI flip so browsers alone aren’t enough. The engineering path moves from Sass to a CSS-in-JS stack using Aphrodite and a swapable react-with-styles interface, adds a direction provider and with-direction wrapper, and implements contextual create-and-resolve style methods that flip margins paddings icons and inline styles. The rollout mostly works after fixing specificity and server/client mismatches and reaches Arabic and Hebrew with minimal developer changes.
AI-written summary · about
chapters (8)
- 0:00Start
- 6:43Summary
- 13:01Automated Options
- 14:59How Do We Style React Components while Minimizing Side Effects Performance Impact and Implicit Dependencies
- 17:31React with Styles
- 21:12Style Sheet Creation
- 24:07Inline Styles
- 26:42Contextual Create and Resolve Methods
related talks
29mDo the Right (to Left) Thing Directional Content in React
39mDo the Right (to Left) Thing: Directional Content in React
22mInternationalizing React
20mReimagining web layout for accessible multilingual content
49mSupporting accessibility in React: the difficulties and niceties
21mMigrating critical apps to React
29mMake apps for a global audience - Naomi Meyer
31mReact on Rails