Twitter Lite, React Native, and Progressive Web Apps

on YouTube ↗28m

" summary

React Native for Web brings React Native primitives to the browser and is actually used to build Twitter Lite, a web app under development for more than two years that runs React Native view components on the web and interoperates with React DOM. The library converts JS styles via style sheet create into atomic CSS, deduplicates declarations (Twitter claims roughly a 75% CSS reduction), supports runtime RTL flips, improves accessibility mapping, and shows competitive styling performance.

AI-written summary · about

" chapters (14)

1. 0:00Start
2. 0:30React Native Web
3. 4:14React Component
4. 7:47Css
5. 10:17React Native
6. 11:34React Native Components
7. 12:39React Native for Web
8. 13:00The Starchy Api
9. 15:59Performance
10. 18:43Deduplicating Your Css
11. 19:18Editing React Native Styles
12. 19:46Caveats
13. 20:46Accessibility
14. 22:27Escape Hatches

" related talks

• 22mThe making of Twitter LiteNicolas Gallagher · ReactEurope 2017
• 28mCross-Platform ReactAnna Doubkova · ReactNext 2019
• 55mReact: Not Just a Popular LibraryPete Hunt · Philly ETE 2015
• 06mJames Bellenger, Twitter | Node Summit 2017James Bellenger · Node Summit 2017
• 21mBuilding Cross-Platform Component Libraries for Web and Native with ReactPerttu Lähteenlahtii · React Advanced 2021
• 12mReact to React Native: How Hard Could It Be?Kylie Stewart · RVA JavaScript Conf 2019
• 39mReact Native - Unleash the power of React in your deviceEduard Tomàs · Codemotion Amsterdam 2016
• 27mReact Native: From pure Web app to a Web & Mobile hybridVladimir Porton · JSHeroes 2017