Video yükleniyor...

Video Yüklenemedi

Ana Sayfaya Dön

🥪 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 görüntüleme • 2 yıl önce •via X (Twitter)

Bilim & TeknolojiEğitimSanat
LIVE

Anya Rossi• Live Now

Private livecam show

7 Yorum

Alvaro profil fotoğrafı
Alvaro2 yıl önce

I love the ideas that you came up with 💚

Wawa Sensei profil fotoğrafı
Wawa Sensei2 yıl önce

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

Roman profil fotoğrafı
Roman2 yıl önce

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 profil fotoğrafı
Wawa Sensei2 yıl önce

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

Michael Dougall profil fotoğrafı
Michael Dougall2 yıl önce

@iced_coffee_dev Is this a full stack react sandwich

ZAZO profil fotoğrafı
ZAZO2 yıl önce

@bruno_simon Amazing work @wawasensei like always 🤗🤯

Wawa Sensei profil fotoğrafı
Wawa Sensei2 yıl önce

@bruno_simon Thank you sir 🙌🙏

Benzer Videolar

🎮 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 görüntüleme • 4 ay önce

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 görüntüleme • 3 yıl önce

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 görüntüleme • 7 ay önce

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 görüntüleme • 2 ay önce

🎟️ 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 görüntüleme • 1 yıl önce

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 görüntüleme • 7 ay önce

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 görüntüleme • 10 ay önce

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 görüntüleme • 1 yıl önce

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 görüntüleme • 2 yıl önce

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 görüntüleme • 3 yıl önce

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 görüntüleme • 1 yıl önce

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 görüntüleme • 2 yıl önce

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 görüntüleme • 1 yıl önce

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 görüntüleme • 4 ay önce

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 görüntüleme • 3 ay önce

🎉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 görüntüleme • 2 yıl önce

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 görüntüleme • 1 ay önce

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 görüntüleme • 10 ay önce

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 görüntüleme • 2 yıl önce