Загрузка видео...

Не удалось загрузить видео

На главную

A game written purely in TypeGPU? YES Konrad Reczko used almost all Software Mansion superpowers (TypeGPU, react-native-audio-api, Pulsar, react-native-gesture-handler, react-native-nano-icons) to create this smooth (120 fps!!!) game that works both on web and in React Native 🥹 Read more about it in Konrad's post and start playing 🎮

swmansion's profile picture

Software Mansion

23,902 subscribers

27,942 просмотров • 2 месяцев назад •via X (Twitter)

LIVE

Anya Rossi• Live Now

Private livecam show

Комментарии: 6

Фото профиля Kieran Crown
Kieran Crown2 месяцев назад

@reczko_konrad This is so awesome. It’s not as impressive as this but I built a 120fps game in Skia using the react-native-audio-api which is awesome btw. Gaming in RN never felt so good!

Фото профиля ELI XOR
ELI XOR2 месяцев назад

@reczko_konrad EXTREMELY INTERESTED! Did they write their own game engine that wraps around typedGPU ?

Фото профиля infdydx
infdydx2 месяцев назад

@reczko_konrad 🥲shaders are hard how are you people so good

Фото профиля Felipe Castor
Felipe Castor2 месяцев назад

@reczko_konrad This is actually insane

Фото профиля Henry Nguyen
Henry Nguyen2 месяцев назад

@reczko_konrad 120 FPS with TypeGPU is wild. Makes me want to try porting some agent prototypes to see how they handle real-time rendering.

Фото профиля mrkcsc
mrkcsc2 месяцев назад

@reczko_konrad Thats super cool.

Похожие видео

Writing games in TypeScript from scratch sounds crazy, right? Maybe, but I think it's not only possible but also performant, nice for DX and works both on Web and React Native To prove that point i created Bone Tide, it's a game that was written purely in TypeGPU. No engine, both game logic and shaders written in pure TypeScript You can try the web version right now: On mobile, I recommend adding it to your homescreen as a PWA
0:52

Writing games in TypeScript from scratch sounds crazy, right? Maybe, but I think it's not only possible but also performant, nice for DX and works both on Web and React Native To prove that point i created Bone Tide, it's a game that was written purely in TypeGPU. No engine, both game logic and shaders written in pure TypeScript You can try the web version right now: On mobile, I recommend adding it to your homescreen as a PWA

Konrad Reczko

73,224 просмотров • 2 месяцев назад

For our new product, we built a chat in React Native that feels like iMessage Here's how we did it: ① Fabric Swift View ② UICollectionView ③ SwiftUI cells via UIHostingConfiguration React is responsible for the state - mutations, fetching, infinite loading - all via React Query. The native Fabric view is purely for rendering. React decides what to show, native decides how to show it The bridge between three frameworks was tricky but worth it. UICollectionView animations come for free and scroll performance is native-smooth No blank spaces and no FPS drops - all powered by the New Architecture Who wants to see the code?
0:25

For our new product, we built a chat in React Native that feels like iMessage Here's how we did it: ① Fabric Swift View ② UICollectionView ③ SwiftUI cells via UIHostingConfiguration React is responsible for the state - mutations, fetching, infinite loading - all via React Query. The native Fabric view is purely for rendering. React decides what to show, native decides how to show it The bridge between three frameworks was tricky but worth it. UICollectionView animations come for free and scroll performance is native-smooth No blank spaces and no FPS drops - all powered by the New Architecture Who wants to see the code?

Baran

110,887 просмотров • 11 месяцев назад

While you debate if you should switch to native, I've implemented iOS Gallery zoom interaction, using React Native and Expo, and feels incredibly smooth. Recreating this was living in my head over 4 years without paying, now I think it's a good time to show what’s possible. It’s funny that we still have this React Native vs. native discussion from the early times of it. React Native doesn’t stop you from building a performant app, and going fully native doesn’t automatically give you performant apps either. You can build performant, delightful things with React Native.
0:41

While you debate if you should switch to native, I've implemented iOS Gallery zoom interaction, using React Native and Expo, and feels incredibly smooth. Recreating this was living in my head over 4 years without paying, now I think it's a good time to show what’s possible. It’s funny that we still have this React Native vs. native discussion from the early times of it. React Native doesn’t stop you from building a performant app, and going fully native doesn’t automatically give you performant apps either. You can build performant, delightful things with React Native.

Enes

25,411 просмотров • 12 дней назад

Introducing React Native Enriched Markdown – a new React Native Enriched package by Gregory Moskaliuk! 🚀 It’s a fully native Markdown renderer for React Native that makes Markdown content feel like a first-class part of your app’s UI. ⚡ Purely native performance – lightning-fast parsing with md4c and 100% native text components ✨ Native text & image interactions (select, copy, translate, save, etc.) 📝 Smart rich-text copy (HTML/RTF) + “Copy as Markdown” option 🔗 GitHub link in the 🧵. If you find it useful, a ⭐would mean a lot!
0:57

Introducing React Native Enriched Markdown – a new React Native Enriched package by Gregory Moskaliuk! 🚀 It’s a fully native Markdown renderer for React Native that makes Markdown content feel like a first-class part of your app’s UI. ⚡ Purely native performance – lightning-fast parsing with md4c and 100% native text components ✨ Native text & image interactions (select, copy, translate, save, etc.) 📝 Smart rich-text copy (HTML/RTF) + “Copy as Markdown” option 🔗 GitHub link in the 🧵. If you find it useful, a ⭐would mean a lot!

Software Mansion

26,869 просмотров • 8 месяцев назад

OK, how cool is this? FrankenTUI is now totally web native, with ultra high-performance wasm. Totally side-stepping xterm .js with my own home-grown FrankenTermJS. And it's all touch-native, works perfectly on iPhone, at full 60 fps. And also a resizable React widget. Try it here:
0:43

OK, how cool is this? FrankenTUI is now totally web native, with ultra high-performance wasm. Totally side-stepping xterm .js with my own home-grown FrankenTermJS. And it's all touch-native, works perfectly on iPhone, at full 60 fps. And also a resizable React widget. Try it here:

Jeffrey Emanuel

10,463 просмотров • 7 месяцев назад

🚀 I always wanted to just run some React web code in a native app—that's why I created the new "use dom" directive! ⚡️ Try it today in @Expo SDK 52 and watch my full React Universe Summit | June 23, 2026 talk to learn more...
2:49

🚀 I always wanted to just run some React web code in a native app—that's why I created the new "use dom" directive! ⚡️ Try it today in @Expo SDK 52 and watch my full React Universe Summit | June 23, 2026 talk to learn more...

Evan Bacon 🥓

49,833 просмотров • 1 год назад

New React framework: One. In this episode, I talk to One’s lead developer, Nate Wienert. What makes One special? - Do React and React native in the same project - SPA, static, or server modes on a per-file basis - Includes Tamagui, a web and mobile styling system - Soon will include Zero for smart sync between client and server Here's a short clip from our chat. Full video in next post.
1:05

New React framework: One. In this episode, I talk to One’s lead developer, Nate Wienert. What makes One special? - Do React and React native in the same project - SPA, static, or server modes on a per-file basis - Includes Tamagui, a web and mobile styling system - Soon will include Zero for smart sync between client and server Here's a short clip from our chat. Full video in next post.

Cory House

19,114 просмотров • 1 год назад

When the way software is built changes, we help companies adopt it. For over a decade, that meant bringing React Native to production across mobile, web, desktop, and TV. Now we are expanding that same mission to AI-native engineering: helping teams ship software with agents, safely and at scale. This is our new manifesto.
1:33

When the way software is built changes, we help companies adopt it. For over a decade, that meant bringing React Native to production across mobile, web, desktop, and TV. Now we are expanding that same mission to AI-native engineering: helping teams ship software with agents, safely and at scale. This is our new manifesto.

Callstack Engineers

24,831 просмотров • 4 месяцев назад

Built a fun lil' photo app with Expo and gave it some AI editing powers thanks to Gemini 2.0 Flash. Using expo-router + API routes, Galeria & Zeego by , and the smooth Software Mansion react-native-reanimated. Stoked to introduce some of the new Expo server stuff next 🚀
0:39

Built a fun lil' photo app with Expo and gave it some AI editing powers thanks to Gemini 2.0 Flash. Using expo-router + API routes, Galeria & Zeego by , and the smooth Software Mansion react-native-reanimated. Stoked to introduce some of the new Expo server stuff next 🚀

Jacob Clausen

20,189 просмотров • 1 год назад

Introducing Perplexi-Tube, the Perplexity for YouTube that I built in 20 minutes... A Mobile app that uses Deepseek and Gemini I used Cursor and the React Native template built that makes building mobile apps incredibly easy. Tomorrow I'm releasing a full tutorial on how to create a mobile app with react native. You will need - XCode and Simulator (free) - Cursor - A Clerk Account (for auth, free) - A Deepseek API Key - A Gemini API Key (Optional, we used it because deepseek has been down today) Video will be released tomorrow, and I will open source this code as well.
0:29

Introducing Perplexi-Tube, the Perplexity for YouTube that I built in 20 minutes... A Mobile app that uses Deepseek and Gemini I used Cursor and the React Native template built that makes building mobile apps incredibly easy. Tomorrow I'm releasing a full tutorial on how to create a mobile app with react native. You will need - XCode and Simulator (free) - Cursor - A Clerk Account (for auth, free) - A Deepseek API Key - A Gemini API Key (Optional, we used it because deepseek has been down today) Video will be released tomorrow, and I will open source this code as well.

Riley Brown

117,986 просмотров • 1 год назад

React Native hasn't shipped a new UI primitive in years. No slider. No date picker. No segmented control. So you install a community package and pray it survives your next upgrade. Expo UI kills that. Real native SwiftUI + Jetpack Compose components, written in JSX. 30-min crash course on how it actually works, some of my best teaching yet 👇
30:46

React Native hasn't shipped a new UI primitive in years. No slider. No date picker. No segmented control. So you install a community package and pray it survives your next upgrade. Expo UI kills that. Real native SwiftUI + Jetpack Compose components, written in JSX. 30-min crash course on how it actually works, some of my best teaching yet 👇

Beto

48,419 просмотров • 3 месяцев назад

Current progress on my AI Tattoo app 🤓 The Tattoo Playground is powered by: - CSS animations in RN (hat tip Kacper Kapuściak) - Expo Module for a native SwiftUI input view (via Kavsoft) - Custom haptic engine with expo-modules by vo—va 🇺🇦 (also used in Fuse 🤩) - Pressto for seamless pressable handling (thanks Enzo Manuel Mangano) - Sonner Native for toasts thanks to Gunnar Torfi - Apple Foundation Models for on-device prompt suggestions (via expo-modules) - Expo Router v7 (canary) for routing + API Routes on EAS Hosting - React Native Screens (v4.18.0) with UITabBarItem support - Expo UI (context menus) + Expo Image - React Native Reanimated by Software Mansion - Nano Banana 2 Lite for amazing image results - And more! :) Source code is available for Code with Beto members — link below 👇
2:37

Current progress on my AI Tattoo app 🤓 The Tattoo Playground is powered by: - CSS animations in RN (hat tip Kacper Kapuściak) - Expo Module for a native SwiftUI input view (via Kavsoft) - Custom haptic engine with expo-modules by vo—va 🇺🇦 (also used in Fuse 🤩) - Pressto for seamless pressable handling (thanks Enzo Manuel Mangano) - Sonner Native for toasts thanks to Gunnar Torfi - Apple Foundation Models for on-device prompt suggestions (via expo-modules) - Expo Router v7 (canary) for routing + API Routes on EAS Hosting - React Native Screens (v4.18.0) with UITabBarItem support - Expo UI (context menus) + Expo Image - React Native Reanimated by Software Mansion - Nano Banana 2 Lite for amazing image results - And more! :) Source code is available for Code with Beto members — link below 👇

Beto

35,480 просмотров • 10 месяцев назад

In 2023, I worked with Android, Compose, SwiftUI, Flutter, React Native, C++, web, React, Svelte, Framer, Noesis, Bevy, and Unity. All using Rive runtimes. Implementing new features, fixing bugs, testing, and creating fun demos. It was such a blast. Below is a highlight video of some of my favorite projects of the year.
1:56

In 2023, I worked with Android, Compose, SwiftUI, Flutter, React Native, C++, web, React, Svelte, Framer, Noesis, Bevy, and Unity. All using Rive runtimes. Implementing new features, fixing bugs, testing, and creating fun demos. It was such a blast. Below is a highlight video of some of my favorite projects of the year.

Gordon Hayes

124,403 просмотров • 2 лет назад

Introducing proof of concept React Imgui! The name is a joke, but it is accurate enough. In the last few days I have been working on a prototype of React driving Dear ImGui using Static Hermes. The result is a fully native app written almost entirely in JavaScript, using unmodified React, typed JS, plus a very small amount of glue C++ code and unmodified Dear ImGui and Sokol. The actual renderer translating React into Dear ImGui is written entirely in typed JS using zero-cost FFI. Of course this wouldn't be possible without React's great design and flexibility. I find it really fascinating that I was able to take literally unmodified React, write a little extra JS, and get a functional fully native app so quickly. Of course everything is unoptimized, and prototype code quality, and who knows how buggy, but it seems to work well enough. Please, watch the video to see it in action. If there is interest, I will write a more detailed article.
3:02

Introducing proof of concept React Imgui! The name is a joke, but it is accurate enough. In the last few days I have been working on a prototype of React driving Dear ImGui using Static Hermes. The result is a fully native app written almost entirely in JavaScript, using unmodified React, typed JS, plus a very small amount of glue C++ code and unmodified Dear ImGui and Sokol. The actual renderer translating React into Dear ImGui is written entirely in typed JS using zero-cost FFI. Of course this wouldn't be possible without React's great design and flexibility. I find it really fascinating that I was able to take literally unmodified React, write a little extra JS, and get a functional fully native app so quickly. Of course everything is unoptimized, and prototype code quality, and who knows how buggy, but it seems to work well enough. Please, watch the video to see it in action. If there is interest, I will write a more detailed article.

Tzvetan Mikov

211,272 просмотров • 11 месяцев назад

🚨🚨🚨 We just finished a native QR + Barcode scanner in PHP. Real native camera pipeline… triggered directly from Laravel. No Flutter. No React Native. No JS glue. This ships in NativePHP v2 — November 2025. And it changes everything for PHP on mobile. Scan tickets. Check inventory. Build POS systems. Your Laravel app can now interact with the real world. #php #laravel #nativephp #androiddev #mobiledev #qrcode #barcodescanner #software #programming #buildinpublic #opensource #bifrost
4:04

🚨🚨🚨 We just finished a native QR + Barcode scanner in PHP. Real native camera pipeline… triggered directly from Laravel. No Flutter. No React Native. No JS glue. This ships in NativePHP v2 — November 2025. And it changes everything for PHP on mobile. Scan tickets. Check inventory. Build POS systems. Your Laravel app can now interact with the real world. #php #laravel #nativephp #androiddev #mobiledev #qrcode #barcodescanner #software #programming #buildinpublic #opensource #bifrost

Shane Rosenthal

18,641 просмотров • 10 месяцев назад

Meet Pulsar: your haptic presets library for Swift, Kotlin, and React Native! 🚀 👉 150+ free patterns you can browse, filter, preview, and ship in minutes 👉 Audio preview of each preset so you can test it on a simulator without deploying 👉 Playground and app that let you feel the haptics on your phone
1:52

Meet Pulsar: your haptic presets library for Swift, Kotlin, and React Native! 🚀 👉 150+ free patterns you can browse, filter, preview, and ship in minutes 👉 Audio preview of each preset so you can test it on a simulator without deploying 👉 Playground and app that let you feel the haptics on your phone

Software Mansion

54,323 просмотров • 5 месяцев назад

A technically interesting challenge when building Pengu was generating transparent images for each user’s unique Pengu. With over 350 clothing items and countless possible combinations, plus varying device sizes, pre-generating images in the cloud quickly became infeasible. To solve this, we moved the computation to the device itself by leveraging React Native Godot. Here’s how it works: ① The user changes the Pengu’s clothing, and React Native calls a GDScript function. ② Godot opens a subwindow with a specific scene that renders the Pengu. ③ Godot takes a “screenshot” and closes the subwindow. ④ React Native receives the File Path of the screenshot as a return value. You can get quite creative with how you leverage Godot’s subwindows. Screenshots are captured in just a few milliseconds, without the user ever noticing.
0:21

A technically interesting challenge when building Pengu was generating transparent images for each user’s unique Pengu. With over 350 clothing items and countless possible combinations, plus varying device sizes, pre-generating images in the cloud quickly became infeasible. To solve this, we moved the computation to the device itself by leveraging React Native Godot. Here’s how it works: ① The user changes the Pengu’s clothing, and React Native calls a GDScript function. ② Godot opens a subwindow with a specific scene that renders the Pengu. ③ Godot takes a “screenshot” and closes the subwindow. ④ React Native receives the File Path of the screenshot as a return value. You can get quite creative with how you leverage Godot’s subwindows. Screenshots are captured in just a few milliseconds, without the user ever noticing.

Jannis Ringwald

28,661 просмотров • 10 месяцев назад