Loading video...

Video Failed to Load

Go Home

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,933 subscribers

28,559 views • 8 months ago •via X (Twitter)

Science & Technology
LIVE

Anya Rossi• Live Now

Private livecam show

0 Comments

No comments available

Comments from the original post will appear here

Related Videos

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,342 views • 8 months ago

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

939,113 views • 8 months ago

🥪 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 views • 2 years ago

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

266,049 views • 8 months ago

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,727 views • 9 months ago

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

229,656 views • 9 months ago

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 views • 9 months ago

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,799 views • 1 year ago

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 views • 6 months ago

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,845 views • 1 year ago

AG-UI makes building agentic applications dramatically easier. Here's how it works. This is a model for a simple chatbot: User → LLM → Response But interactive agents that render UI, pause for approvals, and ask users for input need a much more complex model. When building these agents, a response from the LLM will include a series of state changes as the agent runs: • Agent started a task • Agent called a tool • Agent updated its state • Agent streams these tokens • Agent is waiting on a human • Agent is resuming the task The Agent-User Interaction Protocol (AG-UI) treats the LLM response as a stream of events rather than a text endpoint. In practice, here is what you get as an agent runs: 1. Lifecycle events so your UI knows where the agent is. 2. Text messages that stream tokens. 3. Tool calls so your UI can prefill a form with any required arguments. 4. State updates that keep your UI in sync with the agent. 5. Special events for human approvals, rich media, and custom needs. All of these events travel over standard transports (SSE, WebSockets, or plain HTTP) as JSON. As a result, you can build a frontend that stays in sync with the agent's progress without having to invent a custom process to make this happen. For example, building a human-in-the-loop workflow becomes an off-the-shelf component you can integrate rather than build from scratch. CopilotKit🪁 is the creator of AG-UI, and you can use it when building frontend applications pretty much anywhere: • React • Angular • Vue • React Native • Slack • Teams • Discord • WhatsApp • Telegram Here is the link for you to check it out: Thanks to the CopilotKit team for partnering with me on this post.
0:22

AG-UI makes building agentic applications dramatically easier. Here's how it works. This is a model for a simple chatbot: User → LLM → Response But interactive agents that render UI, pause for approvals, and ask users for input need a much more complex model. When building these agents, a response from the LLM will include a series of state changes as the agent runs: • Agent started a task • Agent called a tool • Agent updated its state • Agent streams these tokens • Agent is waiting on a human • Agent is resuming the task The Agent-User Interaction Protocol (AG-UI) treats the LLM response as a stream of events rather than a text endpoint. In practice, here is what you get as an agent runs: 1. Lifecycle events so your UI knows where the agent is. 2. Text messages that stream tokens. 3. Tool calls so your UI can prefill a form with any required arguments. 4. State updates that keep your UI in sync with the agent. 5. Special events for human approvals, rich media, and custom needs. All of these events travel over standard transports (SSE, WebSockets, or plain HTTP) as JSON. As a result, you can build a frontend that stays in sync with the agent's progress without having to invent a custom process to make this happen. For example, building a human-in-the-loop workflow becomes an off-the-shelf component you can integrate rather than build from scratch. CopilotKit🪁 is the creator of AG-UI, and you can use it when building frontend applications pretty much anywhere: • React • Angular • Vue • React Native • Slack • Teams • Discord • WhatsApp • Telegram Here is the link for you to check it out: Thanks to the CopilotKit team for partnering with me on this post.

Santiago

17,438 views • 21 days ago

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

23,043 views • 1 month ago

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,113 views • 9 months ago

The biggest bottleneck in screen time blocker apps has been completely removed What took over 1 month and 4 forms for Ernesto Lopez and Mau Baron now takes just 1-7 days max and 1 form Now you just have to file a single form within the link below took me 1 prompt with rork max since it uses swiftui (apple's native language) this feature has insane leverage however within react native this can be very buggy
0:26

The biggest bottleneck in screen time blocker apps has been completely removed What took over 1 month and 4 forms for Ernesto Lopez and Mau Baron now takes just 1-7 days max and 1 form Now you just have to file a single form within the link below took me 1 prompt with rork max since it uses swiftui (apple's native language) this feature has insane leverage however within react native this can be very buggy

Jah Mills

120,123 views • 2 months ago

Let me share a long-awaited behind-the-scenes video of how Simulon works. It all starts with setting up a scene. You set the location, lighting conditions and capture the light map with a few turns. After that, you can capture the environment mesh using the Lidar scanner. That's the moment the fun begins. You can bring in your #3D models with animations and capture a video of up to 50" using the #AR preview on screen. After that is done, you send the footage to the cloud and in a couple of minutes you get back an incredible #CGI shot. And this is just the beginning. Follow Gabriele Romagnoli to see how Simulon integrates with #Blender and in a full #VFX workflow. A special thanks to Divesh Naidoo for sharing early access and for building something 🤯
1:18

Let me share a long-awaited behind-the-scenes video of how Simulon works. It all starts with setting up a scene. You set the location, lighting conditions and capture the light map with a few turns. After that, you can capture the environment mesh using the Lidar scanner. That's the moment the fun begins. You can bring in your #3D models with animations and capture a video of up to 50" using the #AR preview on screen. After that is done, you send the footage to the cloud and in a couple of minutes you get back an incredible #CGI shot. And this is just the beginning. Follow Gabriele Romagnoli to see how Simulon integrates with #Blender and in a full #VFX workflow. A special thanks to Divesh Naidoo for sharing early access and for building something 🤯

Gabriele Romagnoli

142,533 views • 2 years ago

You're telling me, in the last 30 days alone: - Total $PENGU mindshare just hit ~250 billion views - Pudgy Party is stepping up as a franchise powerhouse, ready to claim its place as a global cultural icon - Pengu was at the The All-In Podcast Summit 2025 - Pudgy Penguins enters the OpenSea flagship collection treasury - Pengu could be spotted in the TV show "Platonic" starring Seth Rogen and Rose Byrne - KindPengu just hit 1,000,000+ subscribers. - Pudgy Party hits 900,000+ downloads - (NASDAQ: STSS) Sharps Technology 🤝 Pudgy Penguins - The Pengu Asia tour absolutely dominated Korea and Singapore during KBW/Token2049 - The official launch of Pudgy DAOs took place - Pengu could be spotted at Lotte Concert Hall in Seoul - $PENGU is now live and tradable on Mercado Bitcoin - $PENGU is now live and tradable on Bullish - Use $PENGU with Spend Crypto and buy over 3,000 gift cards - Pudgy Penguins & $PENGU were just featured in the Q2 Bullish ( $BLSH on NYSE 🏛 ) earnings report and call. - $PENGU could be spotted on buses, massive signs, and airport during KBW - Pudgy Penguins x Hyundai Card - PENGU Asia announces their official telegram chat Triple S members wear Pudgy Penguins whilst performing live - Pengu now has a statue in front of the iconic Seoul gallery, Weple - Pudgy Penguins x Revoke (SBT) - $PENGU is now available for direct deposit to Hyperliquid - Book hotels, flights and more with S W I V U L - Pengu on the F1 car with Kraken and Atlassian Williams Racing - Pudgy Penguins is at the Golden Cinematography Awards - Pudgy Penguins 🤝 Anichess - Pudgy Penguins mentioned in an official Jefferies’ research analyst update - Pengu could be spotted at the official F1 after-party in Amber Lounge - Lil Pudgys AirPod Max covers are now available - penguSOL LST with Sanctum 📍 Breakpoint By the looks of it, the PENGU season is all gas, no brakes this Q4!
0:47

You're telling me, in the last 30 days alone: - Total $PENGU mindshare just hit ~250 billion views - Pudgy Party is stepping up as a franchise powerhouse, ready to claim its place as a global cultural icon - Pengu was at the The All-In Podcast Summit 2025 - Pudgy Penguins enters the OpenSea flagship collection treasury - Pengu could be spotted in the TV show "Platonic" starring Seth Rogen and Rose Byrne - KindPengu just hit 1,000,000+ subscribers. - Pudgy Party hits 900,000+ downloads - (NASDAQ: STSS) Sharps Technology 🤝 Pudgy Penguins - The Pengu Asia tour absolutely dominated Korea and Singapore during KBW/Token2049 - The official launch of Pudgy DAOs took place - Pengu could be spotted at Lotte Concert Hall in Seoul - $PENGU is now live and tradable on Mercado Bitcoin - $PENGU is now live and tradable on Bullish - Use $PENGU with Spend Crypto and buy over 3,000 gift cards - Pudgy Penguins & $PENGU were just featured in the Q2 Bullish ( $BLSH on NYSE 🏛 ) earnings report and call. - $PENGU could be spotted on buses, massive signs, and airport during KBW - Pudgy Penguins x Hyundai Card - PENGU Asia announces their official telegram chat Triple S members wear Pudgy Penguins whilst performing live - Pengu now has a statue in front of the iconic Seoul gallery, Weple - Pudgy Penguins x Revoke (SBT) - $PENGU is now available for direct deposit to Hyperliquid - Book hotels, flights and more with S W I V U L - Pengu on the F1 car with Kraken and Atlassian Williams Racing - Pudgy Penguins is at the Golden Cinematography Awards - Pudgy Penguins 🤝 Anichess - Pudgy Penguins mentioned in an official Jefferies’ research analyst update - Pengu could be spotted at the official F1 after-party in Amber Lounge - Lil Pudgys AirPod Max covers are now available - penguSOL LST with Sanctum 📍 Breakpoint By the looks of it, the PENGU season is all gas, no brakes this Q4!

Shiv

50,829 views • 9 months ago

I can't stop thinking about this... Michael Caine on his defining philosophy on life: Use the Difficulty As a young actor, he was rehearsing a play scene when a chair got stuck in the door and blocked his path. He told the other actor he couldn't get by the chair to enter the room in the scene. The actor's response: "Use the difficulty...if it's a comedy, fall over it, if it's a drama, pick it up and smash it." This idea—of using the difficulty—became a defining mantra for Michael Caine's life. "There's never anything so bad that you cannot use that difficulty...if you can use it a quarter of one percent to your advantage, you're ahead, you didn't let it get you down." This idea hit me hard... How can you use the difficulty you're currently facing? How can you embrace the struggle? How can you find flow through the friction? How can you sow the seeds of your light during the periods of darkness? As with everything in life, control the controllable: The difficulty is already there, you can't control it. You can control how you react to it. You can control your response to it. You can control your attitude towards it. Lesson: Difficulty is inevitable. Use it.
1:15

I can't stop thinking about this... Michael Caine on his defining philosophy on life: Use the Difficulty As a young actor, he was rehearsing a play scene when a chair got stuck in the door and blocked his path. He told the other actor he couldn't get by the chair to enter the room in the scene. The actor's response: "Use the difficulty...if it's a comedy, fall over it, if it's a drama, pick it up and smash it." This idea—of using the difficulty—became a defining mantra for Michael Caine's life. "There's never anything so bad that you cannot use that difficulty...if you can use it a quarter of one percent to your advantage, you're ahead, you didn't let it get you down." This idea hit me hard... How can you use the difficulty you're currently facing? How can you embrace the struggle? How can you find flow through the friction? How can you sow the seeds of your light during the periods of darkness? As with everything in life, control the controllable: The difficulty is already there, you can't control it. You can control how you react to it. You can control your response to it. You can control your attitude towards it. Lesson: Difficulty is inevitable. Use it.

Sahil Bloom

1,360,020 views • 2 years ago

This clip gets into a model that keeps the keys with the holder, avoids bridges and conversions, and still opens the door to liquidity and BTC-native yield. The part that matters most is how it stays entirely in Bitcoin while trying to solve a problem the industry has struggled with for years. Worth a listen if you want to understand where Bitcoin utility may be heading next, ft Babylon #UnlockBitcoin #ConsensusGM #GoBTCpay
0:46

This clip gets into a model that keeps the keys with the holder, avoids bridges and conversions, and still opens the door to liquidity and BTC-native yield. The part that matters most is how it stays entirely in Bitcoin while trying to solve a problem the industry has struggled with for years. Worth a listen if you want to understand where Bitcoin utility may be heading next, ft Babylon #UnlockBitcoin #ConsensusGM #GoBTCpay

GoMining

27,583 views • 2 months ago

Everyone needs to hear this... Michael Caine on his defining philosophy for life: Use the Difficulty As a young actor, he was rehearsing a play when a chair got stuck in the door and blocked his path. He told the other actor he couldn't get by the chair to enter the scene. The actor's response: "Use the difficulty...if it's a comedy, fall over it, if it's a drama, pick it up and smash it." This idea became a defining mantra for his life. "There's never anything so bad that you cannot use that difficulty...if you can use it a quarter of one percent to your advantage, you're ahead, you didn't let it get you down." I can't stop thinking about this... How can you use the difficulty you're currently facing? How can you embrace the struggle? How can you find flow through the friction? As with everything in life, control the controllable: The difficulty is already there. You can't control it. But you can control how you react to it. You can control your response to it. You can control your attitude towards it. Lesson: Difficulty is inevitable. Use it.
1:15

Everyone needs to hear this... Michael Caine on his defining philosophy for life: Use the Difficulty As a young actor, he was rehearsing a play when a chair got stuck in the door and blocked his path. He told the other actor he couldn't get by the chair to enter the scene. The actor's response: "Use the difficulty...if it's a comedy, fall over it, if it's a drama, pick it up and smash it." This idea became a defining mantra for his life. "There's never anything so bad that you cannot use that difficulty...if you can use it a quarter of one percent to your advantage, you're ahead, you didn't let it get you down." I can't stop thinking about this... How can you use the difficulty you're currently facing? How can you embrace the struggle? How can you find flow through the friction? As with everything in life, control the controllable: The difficulty is already there. You can't control it. But you can control how you react to it. You can control your response to it. You can control your attitude towards it. Lesson: Difficulty is inevitable. Use it.

Sahil Bloom

291,947 views • 3 months ago