Logo
Picture

React @reactjs

The library for web and native user interfaces react.dev Joined July 2013
  • Tweets
    3K
  • Followers
    847K
  • Following
    253
  • Likes
    2K
React retweeted
JI Profile Picture

James Ide @JI

a month ago

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

, ,
reactjs Profile Picture

React @reactjs

a month ago

Thanks to everyone who made this release possible! For a full list of changes, see the changelog: github.com/react/react/bl…

reactjs Profile Picture

React @reactjs

a month ago

browser() is a new API for components that depend on the browser. Calling use(browser()) suspends during server rendering, so React can show the nearest Suspense fallback and continue rendering the component on the client. react.dev/reference/reac…

reactjs Profile Picture

React @reactjs

a month ago

Fragment Refs are now stable. Pass a ref to <Fragment> to work with its DOM children as a group, without adding a wrapper element. FragmentInstance includes APIs for events, focus, observers, measurement, and scrolling. react.dev/reference/reac…

reactjs Profile Picture

React @reactjs

a month ago

<ViewTransition> is now stable. It can animate UI as it enters, exits, or updates. Transitions, Suspense reveals, and deferred updates can trigger the animation. react.dev/reference/reac…

reactjs Profile Picture

React @reactjs

a month ago

React 19.3 is now available! This release makes View Transitions and Fragment Refs stable, and adds browser(), Trusted Types support, and Context in Server Components. react.dev/blog/2026/09/0…

reactjs Profile Picture

React @reactjs

8 months ago

The React Foundation has officially launched, hosted by the Linux Foundation. Read more here: react.dev/blog/2026/02/2…

reactjs Profile Picture

React @reactjs

9 months ago

Thank you to @infinite_red @OldMissionHQ @arcjethq @RenderATL for being React Conf 2025's Silver sponsors!

reactjs Profile Picture

React @reactjs

9 months ago

Thank you to @MuxHQ for being React Conf 2025's Livestream sponsor! Learn more here: mux.com

reactjs Profile Picture

React @reactjs

9 months ago

Thank you for joining React Conf 2025, we hope to see you at the next React Conf!

Trends for United States

Auburn
Georgia
#AEWWrestleDream
Macron
Tennessee
The French
Nick Wayne
Notre Dame
Paris
#UFCEdmonton
War Eagle
Tommy Carr
Grubb
Chris Ash
WAR DAMN EAGLE
Kromah
Thekla
Bryce
Gunner
No Kings

You might like

The AI-powered developer platform to build, scale, and deliver secure software.
GitHub
@github
2.7M Followers
The Node.js JavaScript Runtime. 🐢🚀 Need help with Node.js? We've got a repo for that: https://t.co/BaCSQqhNRO
Node.js
@nodejs
913K Followers
Sharing links, news, and humor about JS, TypeScript, and related front-end stuff 💛 Not affiliated with Oracle or Larry Ellison.
JavaScript Daily
@JavaScriptDaily
595K Followers
TypeScript is a language for application-scale JavaScript development. It's a typed superset of JavaScript that compiles to plain JavaScript.
TypeScript
@typescript
424K Followers
Deliver web apps with confidence 🚀
Angular
@angular
495K Followers
The open source AI code editor
Visual Studio Code
@code
818K Followers
Agentic Infrastructure for apps and agents.
Vercel
@vercel
464K Followers
The React Framework – created and maintained by @vercel.
Next.js
@nextjs
295K Followers
The official React Native X account
React Native
@reactnative
245K Followers
We're a community of millions of people who are learning math, programming, and computer science together. A 501(c)(3) public charity. Tweets by @abbeyrenn.
freeCodeCamp.org
@freeCodeCamp
1.2M Followers
A Web Framework for Building Anything.
Remix 💿
@remix_run
90K Followers
Progressive JavaScript framework for building modern web interfaces. Created by @evanyou, maintained by https://t.co/GBCO6zpR6W.
Vue
@vuejs
324K Followers
A query language for APIs, brought to you by the GraphQL Foundation
GraphQL
@GraphQL
129K Followers
Master AI & Full Stack Development. Frontend, backend, and everything between.
Master.dev (Formerly ...
@MasterDotDev
133K Followers
Official account for Bootstrap, a toolkit providing simple and flexible HTML, CSS, and JS for popular UI components and interactions. Tweets by @mdo.
Bootstrap
@getbootstrap
518K Followers