正在加载视频...

视频加载失败

返回首页

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...

JannisRingwald's profile picture

Jannis Ringwald

2,948 subscribers

28,489 次观看 • 7 个月前 •via X (Twitter)

科学技术
LIVE

Anya Rossi• Live Now

Private livecam show

0 条评论

暂无评论

原始帖子的评论将显示在这里

相关视频

One of the most important features for Pengu was the ability to download and launch different games (Godot pck's) on the fly. Under the hood, our React Native Godot library manages the entire Godot lifecycle: stopping, cleaning up, and starting a new instance with a different pck. Everything happens within milliseconds, without restarting the app.
0:22

One of the most important features for Pengu was the ability to download and launch different games (Godot pck's) on the fly. Under the hood, our React Native Godot library manages the entire Godot lifecycle: stopping, cleaning up, and starting a new instance with a different pck. Everything happens within milliseconds, without restarting the app.

Jannis Ringwald

56,321 次观看 • 7 个月前

Today, we’re officially releasing React Native Godot to the public. For the first time, every React Native developer can create games with an amazing UI on top. This unlocks a new era of apps and games.
0:20

Today, we’re officially releasing React Native Godot to the public. For the first time, every React Native developer can create games with an amazing UI on top. This unlocks a new era of apps and games.

Jannis Ringwald

937,565 次观看 • 7 个月前

🥪 Learn how to make a 3D Sandwich Configurator with React Native and React Three Fiber! 🍭 WawaWonka is hidden in the video with a 🎟️ Golden Ticket to get for free! Be the first to redeem it 👉
0:29

🥪 Learn how to make a 3D Sandwich Configurator with React Native and React Three Fiber! 🍭 WawaWonka is hidden in the video with a 🎟️ Golden Ticket to get for free! Be the first to redeem it 👉

Wawa Sensei

39,633 次观看 • 2 年前

We’re open-sourcing React Native Godot this Sunday. After a year of testing, polishing, and making it scalable across all the different Android devices. Over the next few days, we’ll share all the different features we’ve built and best practices on how to use them. We built much of Pengu’s core functionality on top of this library, and it opened up a whole new world of possibilities for us. I can’t wait to see what you’ll all build with it!
0:28

We’re open-sourcing React Native Godot this Sunday. After a year of testing, polishing, and making it scalable across all the different Android devices. Over the next few days, we’ll share all the different features we’ve built and best practices on how to use them. We built much of Pengu’s core functionality on top of this library, and it opened up a whole new world of possibilities for us. I can’t wait to see what you’ll all build with it!

Jannis Ringwald

265,830 次观看 • 7 个月前

For a few weeks we've been building agents that are capable of understanding any app and then autonomously convert it to a React Native app. Powered by agent-device and react-native-best-practices skills from Callstack Engineers and some custom instructions DM if you're interested
1:10

For a few weeks we've been building agents that are capable of understanding any app and then autonomously convert it to a React Native app. Powered by agent-device and react-native-best-practices skills from Callstack Engineers and some custom instructions DM if you're interested

Michał Pierzchała

10,329 次观看 • 22 天前

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,643 次观看 • 8 个月前

We built this onboarding flow in React Native that feels better than most native apps Here’s how we did it: ① Patched react-native-screens for a custom transition ② Button and stepper are rendered on top of the stack ③ Synced button state across screens via context The button and header are positioned absolutely above the stack. When a screen focuses, it updates the shared button state (text, disabled state) via context The hardest part is keeping the keyboard open during screen transitions. We solved it with hidden TextInputs that get focused programmatically before navigating The result: one button flows across every screen and surfs the keyboard
0:25

We built this onboarding flow in React Native that feels better than most native apps Here’s how we did it: ① Patched react-native-screens for a custom transition ② Button and stepper are rendered on top of the stack ③ Synced button state across screens via context The button and header are positioned absolutely above the stack. When a screen focuses, it updates the shared button state (text, disabled state) via context The hardest part is keeping the keyboard open during screen transitions. We solved it with hidden TextInputs that get focused programmatically before navigating The result: one button flows across every screen and surfs the keyboard

Baran

228,930 次观看 • 8 个月前

I built a React Native bottom sheet with SwiftUI. All the work is done on the native side, and the API feels like RadixUI.
8:26

I built a React Native bottom sheet with SwiftUI. All the work is done on the native side, and the API feels like RadixUI.

Fernando Rojo

31,511 次观看 • 1 年前

If you try to pause the video or take a screenshot, the image will disappear: an effect that Branta Games has creatively utilized in a Godot Engine-powered horror game. Get this noise shader and learn more: #godot #madewithgodot #shaders #indiedes
0:20

If you try to pause the video or take a screenshot, the image will disappear: an effect that Branta Games has creatively utilized in a Godot Engine-powered horror game. Get this noise shader and learn more: #godot #madewithgodot #shaders #indiedes

80 LEVEL

18,458 次观看 • 1 年前

When creating ingredient images, try to create stylistically consistent images. If you use input images that are too disparate, the output may lead to a cut scene. For example, when generating a reference image, try using a prompt like: “Create the next scene in this storyboard, now show a roadside diner with the same look and feel as the original image.”
0:22

When creating ingredient images, try to create stylistically consistent images. If you use input images that are too disparate, the output may lead to a cut scene. For example, when generating a reference image, try using a prompt like: “Create the next scene in this storyboard, now show a roadside diner with the same look and feel as the original image.”

Google AI

23,526 次观看 • 7 个月前

Introducing Agent React DevTools. AI agents can now inspect React apps beyond the UI: → Component tree and state → Renders and performance → Structured output for debugging Works with React and React Native. Learn more ⬇️
0:25

Introducing Agent React DevTools. AI agents can now inspect React apps beyond the UI: → Component tree and state → Renders and performance → Structured output for debugging Works with React and React Native. Learn more ⬇️

Callstack Engineers

18,203 次观看 • 2 个月前

a day in the life of a react native software engineer
3:03

a day in the life of a react native software engineer

David Leuliette

149,262 次观看 • 1 年前

A new era of open, transparent, user-first, and decentralized finance. That's what Spark is building. It’s a response to the broken & opaque traditional finance system built to benefit the few over the many. And now with a native token: SPK. Learn more 👇
1:01

A new era of open, transparent, user-first, and decentralized finance. That's what Spark is building. It’s a response to the broken & opaque traditional finance system built to benefit the few over the many. And now with a native token: SPK. Learn more 👇

Spark

177,772 次观看 • 1 年前

Updated my Godot movement for the public to use. I'm working on this project again (been busy with college), I'm going to introduce a lot of new changes. This works with Godot 4.3 and is open sourced. #Godot #GodotEngine
0:26

Updated my Godot movement for the public to use. I'm working on this project again (been busy with college), I'm going to introduce a lot of new changes. This works with Godot 4.3 and is open sourced. #Godot #GodotEngine

Underdog

79,531 次观看 • 1 年前

✨ Introducing Apple Music on React Native! UI with a custom modal view, built with expo, react-native-reanimated, and gesture-handler. Took me about two days, but still needs a few fixes. Link to the GitHub project below 👇
0:35

✨ Introducing Apple Music on React Native! UI with a custom modal view, built with expo, react-native-reanimated, and gesture-handler. Took me about two days, but still needs a few fixes. Link to the GitHub project below 👇

Saúl

81,814 次观看 • 1 年前

The RSC demo that Evan Bacon 🥓 showed at React Conf last year blew my mind and not just because of RSCs in React Native, but because of the user interaction model he showed off. With MCPs we now have the opportunity to do this for everything. Let's talk about it.
2:58

The RSC demo that Evan Bacon 🥓 showed at React Conf last year blew my mind and not just because of RSCs in React Native, but because of the user interaction model he showed off. With MCPs we now have the opportunity to do this for everything. Let's talk about it.

Kent C. Dodds ⚡

68,515 次观看 • 1 年前

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,723 次观看 • 4 个月前

We've been actively exploring AI on mobile devices & we are excited to introduce React Native ExecuTorch 🚀! A new library that enables the execution of AI models with just a few lines of JavaScript, without the need for API calls or external infrastructure. 🤩 More in 🧵👇
0:22

We've been actively exploring AI on mobile devices & we are excited to introduce React Native ExecuTorch 🚀! A new library that enables the execution of AI models with just a few lines of JavaScript, without the need for API calls or external infrastructure. 🤩 More in 🧵👇

Software Mansion

23,795 次观看 • 1 年前

Current progress on my React Native (Expo) app for reading a book along with its audiobook. - As you listen, it scrolls the book for you. - As you scroll, it seeks the audio for you. For any words you don't recognise, there's a built-in dictionary. And it all works offline!
1:05

Current progress on my React Native (Expo) app for reading a book along with its audiobook. - As you listen, it scrolls the book for you. - As you scroll, it seeks the audio for you. For any words you don't recognise, there's a built-in dictionary. And it all works offline!

Jamie Birch

29,108 次观看 • 2 年前