I've been playing with React Server Components for some time, today I'd like to show you a demo of running RSC in React Native 🚀
React Native components rendered on server, then streamed to iOS and Android app and displayed as truly native components! 😍
🧵 Check it out ↓
.
@kzzzf
just presented a new tool that allows you to see the preview of your React Native app inside VS Code 🙌 Building React Native is getting really easy! 🚀
Soon we will be able to create Native Module in React Native app with just few steps 🚀 Creating Native Module always was long and hard process. We're planning to extend features of React Native CLI and create-react-native-library to make this process easier and faster! 🧵
📢 Good news, everyone! React Native is now on stable v0.74! 🚀
⚒️ 0.74 contains over 1675 commits from 58 contributors! Thank you for all hard work!
Release notes:
Let's dive into details, what's new in this version? 🧵
Today my first pull request was merged into
@reactnative
and I'm probably the youngest (16yo) ever
@reactnative
contributor! Thanks
@callstackio
for providing such opportunity!
📢 Good news, everyone! React Native is now on stable v0.73! 🚀
⚒️ 0.73 contains over 2259 commits from 68 contributors! Thank you for all hard work!
Release notes:
Let's dive into details, what's new in this version? 🧵
I've been playing with new React features in React Native and here's demo showing Async Components and 𝘂𝘀𝗲 hook working perfectly in React Native 🚀 It works on Android, iOS and even in Release mode 😍
New update to React docs 😍
◆ New hooks explained: 𝚞𝚜𝚎(), 𝚞𝚜𝚎𝙵𝚘𝚛𝚖𝚂𝚝𝚊𝚝𝚎(), 𝚞𝚜𝚎𝙵𝚘𝚛𝚖𝚂𝚝𝚊𝚝𝚞𝚜(), 𝚞𝚜𝚎𝙾𝚙𝚝𝚒𝚖𝚒𝚜𝚝𝚒𝚌() 🤓
◆ New 𝚌𝚊𝚌𝚑𝚎() function explained that lets you cache the result of a data fetch or computation 🚀
◆ "𝚞𝚜𝚎…
A lot of people ask me about how can we fit server components inside mobile apps. Today at
@reactdayberlin
I presented an example scenario inside ☁️ app ! 🚀
Few months ago I tweeted about my first contribution to
@reactnative
. I said that I probably became the youngest ever contributor. That tweet reached Mayor of Cracow Jacek Majchrowski!🤯 It's amazing how one tweet can have such reach. Thanks to everyone who shared and liked ❤️
📢 Good news, everyone! React Native is now on stable v0.72! 🚀
⚒️ 0.72 contains over 1100 commits from 66 contributors! Thank you for all your hard work!
Release notes:
Let's dive into details, what's new in this version? 🧵
My talk from
@reactdayberlin
just got published! 🍿 React Server Components in React Native 🚀
Does it make sense to have RSC on mobile? What should we do to upstream them to production apps?
Watch it here ↓
Today I brought my React Native Server Components demo to another level! 🔥
React Native components rendered on a Server, then streamed and presented as fully native components on visionOS 🚀
I've finally gathered my thoughts on bringing React Server Components to React Native in one place! I've covered the benefits, concerns and use cases it creates! 🚀
I've wrote an overview of new react-strict-dom package, how this will affect building universals apps and what we can expect in the nearest future! Enjoy! 🙌
Everything lately is just crazy 🤯 my another classmate did contribution to
@reactnative
Core 🚀 My class is a bit different, we have three RN contributors, library maintainers & few commercial developers. Neither of us is even 18 years old 🫡
I'm thrilled to announce that my first PR has just been merged into the
@reactnative
codebase! 🚀 At only 16 years old, I want to emphasize that age is no barrier to success.
@SzymonRybczak
I might beat your record 😅 anyway thanks for guidance!
Recently we added new commands to React Native CLI:
𝚋𝚞𝚒𝚕𝚍-𝚒𝚘𝚜 & 𝚋𝚞𝚒𝚕𝚍-𝚊𝚗𝚍𝚛𝚘𝚒𝚍 ✨
Whenever you want to build release app to store or build app on CI these commands are for you! 🙌
For the first time ever we have automation tests in
@reactnative
Core! Thanks to
@callstackio
QA Team 🎉 For few months we were working on introducing E2E tests in RNTester, and they're finally shipped 🚀 Read a thread to learn what we did! 🧵
Autolinking dependencies in React Native Community CLI just got MUCH faster ⚡️
In a example project with 50 dependencies, we went from ~7.85s to ~𝟭.𝟭𝟱𝘀 and during 𝚙𝚘𝚍 𝚒𝚗𝚜𝚝𝚊𝚕𝚕 to ~𝟬.𝟲𝟲𝘀 🔥 In larger projects, the difference is even bigger 🚀
Bringing React Server Components to React Native status:
✅ 3 public talks about the concept
✅ Working Proof of Concept
🔜 Production ready implementation
I've been playing with React Server Components for some time, today I'd like to show you a demo of running RSC in React Native 🚀
React Native components rendered on server, then streamed to iOS and Android app and displayed as truly native components! 😍
🧵 Check it out ↓
It's always great to look inside CHANGELOG when releasing major version, a lot of great improvements coming to React Native CLI. React Native 0.73 really soon 👀
OTA updates are great, thanks to React Native architecture we can remotely update the bundle, but updating whole bundle isn’t the best. With RSC on mobile we can just update one component, we can iterate on the component🚀
Server Actions are now in React Canary, ready for frameworks and libraries to adopt! Server Actions are functions created alongside your components that run on the server for tasks like data mutations
Upskilling day at
@callstackio
! 🎉 A whole day of internal knowledge sharing, today I presented the idea of React Server Components in React Native ⚛️
Inside React Native CLI we're trying to add proper first class support for out-of-tree platforms!
Staring from now 𝚛𝚞𝚗-𝚒𝚘𝚜, 𝚛𝚞𝚗-𝚖𝚊𝚌𝚘𝚜, 𝚛𝚞𝚗-𝚟𝚒𝚜𝚒𝚘𝚗𝚘𝚜 will be able to use same code 😍 So all new features added in CLI will be instantly available in OOT…
One year ago I joined
@callstackio
and I can honestly say that it was the best year in my career 🎉 I would have never thought that so many awesome things could happen in just one year 🧵
Native feeling of React Native app will stay the same after adding Server Components. This is why we all love React Native because it creates fully native experience. RSC on mobile will simplify, speed up bunch of things, but it will not destroy native UX.
Some time ago, an option was added to provide components that aren’t migrated to Fabric, simplifying process of migration to new arch. Starting from RN 0.74, framework will automatically detect ones that aren’t migrated yet, and will just display it 🚀
Adding a new OOT platform to your existing React Native project has never been that easy! 😍 Soon, you’ll be able to run:
𝚗𝚙𝚡 𝚛𝚎𝚊𝚌𝚝-𝚗𝚊𝚝𝚒𝚟𝚎 𝚊𝚍𝚍-𝚙𝚕𝚊𝚝𝚏𝚘𝚛𝚖 @𝚌𝚊𝚕𝚕𝚜𝚝𝚊𝚌𝚔/𝚛𝚎𝚊𝚌𝚝-𝚗𝚊𝚝𝚒𝚟𝚎-𝚟𝚒𝚜𝚒𝚘𝚗𝚘𝚜
Recently together with
@thymikee
we described our journey with implementing E2E tests in
@reactnative
in a blog post. A lot of hard decisions, long time to get setup working, but we managed to do it 🎉 Hopefully these E2E tests will make framework better🤞
Just opened Pull Request to add Bun package manager to React Native CLI's init command. Ended up with reducing time of JS operations from 41s to 2,5s 🫣 Targeting 0.73 release
💡 Did you know that React Server Components were funded because of Meta's need for server-driven technologies on native? There's a ton of non-obvious, great improvements that comes with RSC in mobile apps 🙌
@sebastienlorber
@tweetsbycolin
In fact, one of the reasons it was even funded by Meta initially was because of the promise it saw using server-driven technologies on *native*. It was sponsored for native first.
It's
@SzymonRybczak
, 17-year-old
#ReactNative
Dev
@callstackio
& maintainer of React Native CLI.
"I really love to experiment with new React(Native) features. At the conf I'll present a proof of concept running server components in React Native app".
🔥
Looks like
@appjsconf
is just around the corner, had the same flight to Cracow with
@ccheever
and met
@cedric_dev
while running for the train! Nothing was planned 😂 Expo folks are in the city!
Recently I wrote an article about steaming video in React Native, thanks to amazon-ivs-react-native-player you can add streaming in few simple steps 🙌 No native custom code required 🚀
You can simplify the integration of streaming players into
#reactnative
apps using amazon-ivs-react-native-player.
Check
@SzymonRybczak
's article for:
✨ Introduction to the package
🚀 Quick setup guide
🛠️ Adding players in a few lines
🎉 Testing it out and exploring features
I'm very excited about this! We've finally moved from the outdated version of Yarn to Yarn 3.x, which is faster and more secure! 🚀
Kudos to
@satya164
and
@lord_sherlock
for moving this forward! 🙌
We are excited to have Amazon added to the React Native showcase. Amazon has been using React Native for years for many apps, including the main Amazon Shopping app!
Me,
@thymikee
and
@o_kwasniewski
will be at
@reactdayberlin
! 🚀 I’ll be speaking about React Server Components in React Native 👀 New thing that not many people talks about, in some scenarios it can be a game changer! This will be my first time speaking on a big stage 🙌
"I'm really excited to see what people do with Server Components in React Native" ~
@Eli_White
from React Core Team at
@react_native_eu
2023. RSC provide an official, unified data fetching story inside React 🚀
I've been playing with React Server Components for some time, today I'd like to show you a demo of running RSC in React Native 🚀
React Native components rendered on server, then streamed to iOS and Android app and displayed as truly native components! 😍
🧵 Check it out ↓