The library for web and native user interfaces

Joined July 2013
React retweeted
Build uncompromising high-performance, high-fidelity apps with React. What you see is not the Apple Messages app, nor is it meant to be 1:1. Rather it serves as an aspirational and real example of UI/UX that is possible. Every detail from the bubble animations to keyboard gestures to scroll view insets and safe areas to parallax timestamps required care and attention. Quality UIs come from caring hard. The little chat bubble tails that morph away when the next message animates in. Timestamps that scroll at a different rate than the bubbles. Peek gestures powered by UIKit that lift a chat bubble, tail and all, with a gentle haptic pulse. The subtle shadow of the text composer and responsively sliding down the keyboard in pixel-perfect concert. The composer shrinking its width to fit iPhone’s rounded bezel. The beautiful Liquid Glass refractions have the level of glassiness chosen by the user (new in iOS 27). Scroll view insets that adjust to fit the home bar and keyboard dynamically, creating a sense of depth as the chat bubbles are slightly visible as they scroll under the keyboard. Keeping the keyboard on screen if the prior screen already presented it. Sliding the keyboard and composer with the screen when the user drags to navigate back. I am excited to explore using the new iPhone Duo view controllers natively with React when the time comes. There is always room for innovation and improvement. This chat demo runs at 120 FPS on iOS 27 even on my phone that’s four versions old now. There are several approaches to high-performance lists. I explored a new Expo scroll view that uses the native gesture systems along with react-native’s VirtualView (codenamed “Fling” to reflect the speed of flinging a scroll view), which Meta’s React team designed to prioritize scroll momentum with React’s scheduler. There are tradeoffs with other scroll strategies for how the scroll views gracefully degrade, and they can be swapped out based on what’s best for your app’s use case. And, by virtue of using modern React, high-priority events like user gestures can preempt lower-priority ones like a network response. Let us dispel any myth that using React requires compromising on beautiful, smooth, user-friendly UI/UX that Uses the Platform. Let us dispel any myth frame-perfect UI coordination is not achievable. The Hermes thread and the UI thread can coordinate when needed, like for controlled text inputs. Let us dispel any myth that React Native’s performance is impacted by a bridge, let alone has a bridge. Bridgeless JSI and the Fabric renderer are here for apps that use the New Architecture. What about Android? The app runs and I’ll share a screenshot from my cloud agent’s emulator. With some attention to detail dedicated to Android I’m confident crafted UX is attainable. I’ve spent my tokens once and have a structural head start everywhere. One more thing! Most of this chat’s application code is written with
, ,
46
49
18
572
141,087
React retweeted
We celebrate 10 years of collaboration since February 2015. @Expo is the longest-active contributor to React Native outside @Meta. Maybe the longest in the greater React.js ecosystem too. We are proud to reaffirm our commitment and partnership. See you at React Conf next week.
We are excited to announce @expo as a React Conf Gold sponsor this year!
6
24
1
241
44,120
React Router now has support for React Server Components We're introducing a more powerful RSC-powered Data Mode that brings most of Framework Mode's features to our lower level library APIs
30
119
26
553
118,482
React Router RSC Preview is now available This brings support for all of React's API in a way that is incrementally adoptable by the millions of React Router apps in production today, but also feels great for a greenfield React Router app Blog post below 👇
34
115
26
722
101,843
React retweeted
React Native
@reactnative23 Oct 2024
The New Architecture is here! React Native 0.76 enables the New Architecture by default: reactnative.dev/blog/2024/10…
62
495
139
2,233
427,408
React retweeted
React Native
@reactnative2 Oct 2024
Last week, Meta released brand-new Instagram and Facebook apps for Meta Quest, completely rebuilt using React and React Native. Check out how these apps, and more, were built with React and highlighted at Meta Connect: engineering.fb.com/2024/10/0…
10
62
9
263
49,856
We’re beyond excited to announce that we are partnering with the @reactjs team to maintain the react-codemod repo, offering open-source codemods to enhance the migration experience for React 19 and beyond. We’re just one CLI command away from your feedback: npx codemod@latest feedback Read on: go.codemod.com/react-announc…
3
31
5
179
54,458
React Compiler is officially open-source! Check out the code: github.com/facebook/react/tr… And learn more at fb.me/react-compiler
13
155
14
682
112,599
React was downloaded 1 billion times in 2023 🤯 npm-stat.com/charts.html?pac…
12
54
20
407
142,470
My apperance on .NET Rocks @DotNetRocksShow is out today, huge thanks to @carlfranklin and @richcampbell for inviting me to the show. #dotnetrocks #reactservercomponents open.spotify.com/episode/0H7…
1
4
46
41,919
Components are Legos @samselikoff’s talk is one of the clearest, best explanations of React’s component model I’ve ever seen. Notice I didn’t say *server* components. Components, full stop. If you enjoyed the meme, you deserve to watch the whole thing. youtu.be/9CN9RCzznZc?si=kd3l…
7
79
7
473
179,321
React Server Components are an exciting, but often misunderstood bit of technology. @markdalgleish's definition is: > Server components are just virtual DOM over the network Watch his talk at @ReactAdvanced London! 👀 portal.gitnation.org/content…
1
37
6
234
114,212
typescript@^5.1.2 and @types/react@^18.2.8 to get rid of TypeScript errors for async components. No more "Its return type Promise<ReactNode> is not a valid JSX element". TypeScript will no longer yell at you if you just return children, strings, arrays: github.com/DefinitelyTyped/D…
TypeScript 5.1 is now out! Now with: - smarter checks for undefined-returning functions - no restrictions between getter/setter types - better checks against JSX tags - linked editing for JSX - @⁠param snippets - new speed-ups Read up more on our blog! devblogs.microsoft.com/types…
12
75
18
533
228,619
It was a surreal (in the best possible way) experience to interview two of the React Core team members in this episode of @PodRocketpod. Listen in if you want the latest on React Compiler and the future of the framework.
Our first episode with members from the React Core team! Thank you so much @en_JS and @_gsathya for coming on the show and thank you @pniedri for hosting! This is an incredible episode (no bias here of course) - go listen!
3
10
52
82,170
🙌 New episode of JS Party 🙌 💭 The future of @reactjs 💫 with @dan_abramov & @en_JS 🎙 hosts @jerodsanto & @nicknisi 🗃️ #reactjs #javascript #frontend 💚 jsparty.fm/267
4
33
3
92
60,894
React Documentary Q&A is live! Hear from the founding team of React and learn what moment convinced them that ‘React was the real deal.’ Thanks everyone who took part! It’s been delightful. 🕺 youtube.com/watch?v=WzRSysq7… #reactjs #reactearlydays #ReactTheDocumentary #javascript
6
27
2
178
105,586
React retweeted
React Native
@reactnative12 Jan 2023
React Native 0.71 is now available! This is a feature packed release 👇 reactnative.dev/blog/2023/01…
39
368
90
1,626
352,667
🍿The React.js documentary trailer is OUT! 📆Mark your calendars: It premieres in February! You’ve been waiting for this one, had vivid dreams about how it might look! Get comfortable, #React had a bumpy ride… Watch here 👉 eu1.hubs.ly/H02hfqk0
25
133
41
526
React is hiring a Manager in London! This role will support the team working on developer experience across React, React Native, and Relay including the React DevTools, new app installs, upgrades, profiling, and other workflows. Apply here or DM me: metacareers.com/jobs/4523525…
5
45
10
178