正在加载视频...

视频加载失败

返回首页

🥪 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 👉

wawasensei's profile picture

Wawa Sensei

6,310 subscribers

39,633 次观看 • 2 年前 •via X (Twitter)

科学技术教育艺术
LIVE

Anya Rossi• Live Now

Private livecam show

7 条评论

Alvaro 的头像
Alvaro2 年前

I love the ideas that you came up with 💚

Wawa Sensei 的头像
Wawa Sensei2 年前

🙌 Thank you buddy! So many people requested for React Native, I wanted to make something cool!

Roman 的头像
Roman2 年前

Great tut as usual! 👍 So sad i'm at work atm, i won't be able to search and find the golden ticket 😭 Congrats to the one who will find it!

Wawa Sensei 的头像
Wawa Sensei2 年前

Thank you! It didn't last long 🤭 Maybe more chance with the next video!

Michael Dougall 的头像
Michael Dougall2 年前

@iced_coffee_dev Is this a full stack react sandwich

ZAZO 的头像
ZAZO2 年前

@bruno_simon Amazing work @wawasensei like always 🤗🤯

Wawa Sensei 的头像
Wawa Sensei2 年前

@bruno_simon Thank you sir 🙌🙏

相关视频

🎮 React Three Game on Three.js Resources Learn how to build 3D games using React Three Fiber and #threejs. A great starting point for understanding game logic, interactivity, and real-time 3D on the web. 👉 #threejs #WebGL #GameDev #ReactThreeFiber #3D #Learning
1:05

🎮 React Three Game on Three.js Resources Learn how to build 3D games using React Three Fiber and #threejs. A great starting point for understanding game logic, interactivity, and real-time 3D on the web. 👉 #threejs #WebGL #GameDev #ReactThreeFiber #3D #Learning

Three.js Resources

15,817 次观看 • 4 个月前

Here's what it looks like to block out a scene with Triplex — the React Three Fiber editor. Sound on 🔊 #threejs #react #r3f
1:04

Here's what it looks like to block out a scene with Triplex — the React Three Fiber editor. Sound on 🔊 #threejs #react #r3f

mike douges

56,770 次观看 • 3 年前

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

Sunday v0: a web-based 3D Jenga game. Everything is procedurally generated: the structure, the bricks, the wooden texture, the sounds, the carved-in ▲ on the top pieces. I tweaked the physics enough that it feels as fun and frustrating as the real thing 😂 Cool technical detail: v0 loaded a R3F (react-three-fiber) Skill automatically when I first asked for a 3d game. Anecdotally it seems that it totally nailed how to work with 3D!
1:10

Sunday v0: a web-based 3D Jenga game. Everything is procedurally generated: the structure, the bricks, the wooden texture, the sounds, the carved-in ▲ on the top pieces. I tweaked the physics enough that it feels as fun and frustrating as the real thing 😂 Cool technical detail: v0 loaded a R3F (react-three-fiber) Skill automatically when I first asked for a 3d game. Anecdotally it seems that it totally nailed how to work with 3D!

Guillermo Rauch

52,699 次观看 • 2 个月前

🎟️ Golden Ticket to TI Treasure Hunt! 🎟️ Thanks to our amazing sponsor @BCGAMEOfficial, we’ve got one last ticket to the #TI13 Grand Finals Weekend! We’ve hidden the Golden Ticket somewhere in Copenhagen—find it, and the experience is all yours! 🕵️‍♂️
0:20

🎟️ Golden Ticket to TI Treasure Hunt! 🎟️ Thanks to our amazing sponsor @BCGAMEOfficial, we’ve got one last ticket to the #TI13 Grand Finals Weekend! We’ve hidden the Golden Ticket somewhere in Copenhagen—find it, and the experience is all yours! 🕵️‍♂️

Cloud9 Dota 2

25,143 次观看 • 1 年前

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

Introducing pmndrs/viverse and react-three/viverse 🎉 A Toolkit for building Three.js and React Three Fiber Apps for VIVERSE and beyond with only a few lines of code ⟁
1:09

Introducing pmndrs/viverse and react-three/viverse 🎉 A Toolkit for building Three.js and React Three Fiber Apps for VIVERSE and beyond with only a few lines of code ⟁

Bela Bohlender

22,510 次观看 • 10 个月前

my gift for the @levelsio game jam a three.js starter file with cannon.js, react three fiber, and drei.. ready to go no paywall, just a download link 👇
0:22

my gift for the @levelsio game jam a three.js starter file with cannon.js, react three fiber, and drei.. ready to go no paywall, just a download link 👇

Aurelien

94,775 次观看 • 1 年前

It’s time for photorealistic 3D to be everywhere on the web! Announcing our Three.js & React-Three-Fiber library for #GaussianSplatting! Capture from your phone, integrate anywhere, customize to match your brand, and build shaders/effects. Available now 👉 #3DGS #3D #threejs #LumaAI
0:28

It’s time for photorealistic 3D to be everywhere on the web! Announcing our Three.js & React-Three-Fiber library for #GaussianSplatting! Capture from your phone, integrate anywhere, customize to match your brand, and build shaders/effects. Available now 👉 #3DGS #3D #threejs #LumaAI

Luma

230,426 次观看 • 2 年前

Our discussion with Tom Occhino is now live! We discuss: ✅How React changed the web ✅React Server Components ✅Performance optimizations ✅React Native ✅When NOT to use React And much more! Preview below, see the full talk here 👉
0:54

Our discussion with Tom Occhino is now live! We discuss: ✅How React changed the web ✅React Server Components ✅Performance optimizations ✅React Native ✅When NOT to use React And much more! Preview below, see the full talk here 👉

Real World React

32,739 次观看 • 3 年前

Testing a 3D logo/case study picker using React Three Fiber
0:34

Testing a 3D logo/case study picker using React Three Fiber

Petr Knoll

47,472 次观看 • 1 年前

i'm playing around with React Native new architecture examples using react-native@0.74-rc and react@18.3-canary, and it's pretty cool to see automatic batching with native event handlers in action.
0:20

i'm playing around with React Native new architecture examples using [email protected] and [email protected], and it's pretty cool to see automatic batching with native event handlers in action.

brent

80,858 次观看 • 2 年前

Get hyped for🗽🚕 #ReactSummitUS like no other on November 18 & 21! 💥 Learn React under the stars at the West’s largest planetarium ⛴️ Take a ferry with amazing Manhattan views 🤝 Network & party with the React community Grab your🎟️Early Bird ticket before it sells out!
0:42

Get hyped for🗽🚕 #ReactSummitUS like no other on November 18 & 21! 💥 Learn React under the stars at the West’s largest planetarium ⛴️ Take a ferry with amazing Manhattan views 🤝 Network & party with the React community Grab your🎟️Early Bird ticket before it sells out!

React Summit

395,315 次观看 • 1 年前

Introducing agent skills for React Native Storybook Teach your coding agent to: - Setup any project React Native project with Storybook - Write stories like a pro npx skills add storybookjs/react-native
1:00

Introducing agent skills for React Native Storybook Teach your coding agent to: - Setup any project React Native project with Storybook - Write stories like a pro npx skills add storybookjs/react-native

Daniel Williams

17,816 次观看 • 4 个月前

Opus 4.6 vs Gemini 3 Pro (3/9) prompt: Build a premium interactive isometric 3D cozy room using Vite + React + Three.js (react-three-fiber/drei), with all objects modeled in code (no external assets) and subtle ambient animations. Gemini looks good on initial impression but I feel like I have way more to work with opus here (opus also did light/dark mode and took a quarter of the time to make it).
0:26

Opus 4.6 vs Gemini 3 Pro (3/9) prompt: Build a premium interactive isometric 3D cozy room using Vite + React + Three.js (react-three-fiber/drei), with all objects modeled in code (no external assets) and subtle ambient animations. Gemini looks good on initial impression but I feel like I have way more to work with opus here (opus also did light/dark mode and took a quarter of the time to make it).

Dev Ed

77,206 次观看 • 3 个月前

🎉Super excited to introduce React Internals Explorer which visualize how React works internally automatically! No more guessing on how it works! Inspect it! In the video I demoed how we can easily see how React@19 and 18 handle siblings differently when a promise is thrown. 😳 So far it only supports Fiber Tree, I'll add more capabilities to it. Looking for your feedback or bug reports!
10:00

🎉Super excited to introduce React Internals Explorer which visualize how React works internally automatically! No more guessing on how it works! Inspect it! In the video I demoed how we can easily see how React@19 and 18 handle siblings differently when a promise is thrown. 😳 So far it only supports Fiber Tree, I'll add more capabilities to it. Looking for your feedback or bug reports!

jser

38,911 次观看 • 2 年前

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 次观看 • 1 个月前

The only US React Native conference is BACK! 🎉 Chain React • July 30–31, 2026 • Portland, OR Join 500+ developers from Microsoft, Amazon & more under one roof! Co‑hosted with our friends at Expo. Be first in line for tickets 🎟️
0:35

The only US React Native conference is BACK! 🎉 Chain React • July 30–31, 2026 • Portland, OR Join 500+ developers from Microsoft, Amazon & more under one roof! Co‑hosted with our friends at Expo. Be first in line for tickets 🎟️

Chain React (July 30-31, 2026)

12,677 次观看 • 10 个月前

How to Implement a custom Accordion in react-native? using reanimated
0:50

How to Implement a custom Accordion in react-native? using reanimated

Ashu

31,861 次观看 • 2 年前