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

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

На главную

🥪 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 лет назад