Video yükleniyor...

Video Yüklenemedi

Ana Sayfaya Dön

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

barany6m's profile picture

Baran

4,593 subscribers

110,887 görüntüleme • 10 ay önce •via X (Twitter)

Bilim & TeknolojiHaberler & PolitikaEğitim
LIVE

Anya Rossi• Live Now

Private livecam show

0 Yorum

Yorum bulunmuyor

Orijinal gönderinin yorumları burada görünecek

Benzer Videolar

React Native feels more native than ever. So I started tagging every block on that is powered by native components. That’s how the Native facet was born. I hope it becomes a handy spot for anyone chasing that truly native feel.
0:26

React Native feels more native than ever. So I started tagging every block on that is powered by native components. That’s how the Native facet was born. I hope it becomes a handy spot for anyone chasing that truly native feel.

Volodymyr

57,234 görüntüleme • 16 gün önce

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

The same app built in SwiftUI, React Native, and Flutter. All with the same Rive animations. Can you tell which is which? Poll in thread. Credit to Ashu, Lucas Lima and Meng To for the amazing work.
0:26

The same app built in SwiftUI, React Native, and Flutter. All with the same Rive animations. Can you tell which is which? Poll in thread. Credit to Ashu, Lucas Lima and Meng To for the amazing work.

Gordon Hayes

518,376 görüntüleme • 3 yıl önce

Animated sliding numbers 🛝 I've been building a reusable React Native UI library on the side, and the advantage is being able to use it for the company I work for or any of my own mobile apps. w/React Native Expo Source code on Landing Comps 👇
0:22

Animated sliding numbers 🛝 I've been building a reusable React Native UI library on the side, and the advantage is being able to use it for the company I work for or any of my own mobile apps. w/React Native Expo Source code on Landing Comps 👇

Erencan Arica

34,460 görüntüleme • 11 ay önce

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

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

24,718 görüntüleme • 2 ay önce

Current progress on my AI Tattoo app 🤓 The Tattoo Playground is powered by: - CSS animations in RN (hat tip Kacper Kapuściak) - Expo Module for a native SwiftUI input view (via Kavsoft) - Custom haptic engine with expo-modules by vo—va 🇺🇦 (also used in Fuse 🤩) - Pressto for seamless pressable handling (thanks Enzo Manuel Mangano) - Sonner Native for toasts thanks to Gunnar Torfi - Apple Foundation Models for on-device prompt suggestions (via expo-modules) - Expo Router v7 (canary) for routing + API Routes on EAS Hosting - React Native Screens (v4.18.0) with UITabBarItem support - Expo UI (context menus) + Expo Image - React Native Reanimated by Software Mansion - Nano Banana 2 Lite for amazing image results - And more! :) Source code is available for Code with Beto members — link below 👇
2:37

Current progress on my AI Tattoo app 🤓 The Tattoo Playground is powered by: - CSS animations in RN (hat tip Kacper Kapuściak) - Expo Module for a native SwiftUI input view (via Kavsoft) - Custom haptic engine with expo-modules by vo—va 🇺🇦 (also used in Fuse 🤩) - Pressto for seamless pressable handling (thanks Enzo Manuel Mangano) - Sonner Native for toasts thanks to Gunnar Torfi - Apple Foundation Models for on-device prompt suggestions (via expo-modules) - Expo Router v7 (canary) for routing + API Routes on EAS Hosting - React Native Screens (v4.18.0) with UITabBarItem support - Expo UI (context menus) + Expo Image - React Native Reanimated by Software Mansion - Nano Banana 2 Lite for amazing image results - And more! :) Source code is available for Code with Beto members — link below 👇

Beto

35,480 görüntüleme • 9 ay önce

The bounds api is great for images, but not so much for videos that require continuity (yet). Today I had some time to play around with react-native-teleport and this is how I managed to integrate it into screen-transitions. Super excited to see how further this can be pushed
0:29

The bounds api is great for images, but not so much for videos that require continuity (yet). Today I had some time to play around with react-native-teleport and this is how I managed to integrate it into screen-transitions. Super excited to see how further this can be pushed

Ed

21,463 görüntüleme • 2 ay önce

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

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

Telegram meets Cosmos ⚛️ Built on the Cosmos - The Interchain ⚛️ tech stack, powered by IBC, and native to the TON 💎 ecosystem. In my interview with Marco Monaco | cazares.eth, we unpack how TAC (🫰,✨️) is bridging Cosmos and TON - and what that means for Telegram-native apps, seamless cross-chain UX, and mass Web3 adoption. We also dive into the new leadership in Cosmos and Ethereum, how it is to launch a blockchain, DeFi liquidity challenges, and more.
39:45

Telegram meets Cosmos ⚛️ Built on the Cosmos - The Interchain ⚛️ tech stack, powered by IBC, and native to the TON 💎 ecosystem. In my interview with Marco Monaco | cazares.eth, we unpack how TAC (🫰,✨️) is bridging Cosmos and TON - and what that means for Telegram-native apps, seamless cross-chain UX, and mass Web3 adoption. We also dive into the new leadership in Cosmos and Ethereum, how it is to launch a blockchain, DeFi liquidity challenges, and more.

Cito

24,952 görüntüleme • 1 yıl önce

We wanted to show the performance and the insane power of the Static Hermes native FFI. But we don't yet support the all language features needed to compile React Native (soon though!), so we improvised. We imported the bindings for DearImGui (a popular C++ imperative game UI library that renders meshes), and Sokol (an amazing lightweight 3D backend in C) and wrote a small demo. "Imperative UI" means that the entire UI and the state of the screen is recreated on every frame, which suits our purposes to demonstrate SH very well. The demo runs 100% compiled native code. JavaScript runs in every frame and recreates the entire state of the screen. It is portable to all platforms, though the screen layout is not optimized for phone. We wrote the demo in C++ and in JS, to compare, and they both ran with the same performance. In the attached videos you can see the demo running at the stable screen refresh rate - 120Hz on my Mac, 60Hz on a old Moto G5 phone. It includes some widgets, an n-body simulation of planets, a playable game demo, etc.
0:55

We wanted to show the performance and the insane power of the Static Hermes native FFI. But we don't yet support the all language features needed to compile React Native (soon though!), so we improvised. We imported the bindings for DearImGui (a popular C++ imperative game UI library that renders meshes), and Sokol (an amazing lightweight 3D backend in C) and wrote a small demo. "Imperative UI" means that the entire UI and the state of the screen is recreated on every frame, which suits our purposes to demonstrate SH very well. The demo runs 100% compiled native code. JavaScript runs in every frame and recreates the entire state of the screen. It is portable to all platforms, though the screen layout is not optimized for phone. We wrote the demo in C++ and in JS, to compare, and they both ran with the same performance. In the attached videos you can see the demo running at the stable screen refresh rate - 120Hz on my Mac, 60Hz on a old Moto G5 phone. It includes some widgets, an n-body simulation of planets, a playable game demo, etc.

Tzvetan Mikov

826,161 görüntüleme • 2 yıl önce

THERE IS NO PERFECT SITUATION We all want our kids to play for the best team, with the best coach, play a ton, and score a ton. That is not reality. There is no perfect situation. Especially when the players are younger, every situation can breed growth, no matter how good or bad it is.. it’s all dependent on how we react to it!!
0:59

THERE IS NO PERFECT SITUATION We all want our kids to play for the best team, with the best coach, play a ton, and score a ton. That is not reality. There is no perfect situation. Especially when the players are younger, every situation can breed growth, no matter how good or bad it is.. it’s all dependent on how we react to it!!

Steve Dagostino

16,045 görüntüleme • 1 yıl önce

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

"That is a big deal to all the people that work on this show... it is a labor of love." Greg and the crew react to MLB Tonight winning the #SportsEmmys Award for Outstanding Studio Show – Daily.
1:57

"That is a big deal to all the people that work on this show... it is a labor of love." Greg and the crew react to MLB Tonight winning the #SportsEmmys Award for Outstanding Studio Show – Daily.

MLB Network

266,543 görüntüleme • 2 yıl önce

WHAT IS REACT DOING WITH SUSPENSE?! WTH*CK honestly idk all the details rn but I know preloading is important and you'll probably want to get good at it if you want to optimize data loading and provide a snappy UX while it happens Here's how it looks in future React Router v7
6:01

WHAT IS REACT DOING WITH SUSPENSE?! WTH*CK honestly idk all the details rn but I know preloading is important and you'll probably want to get good at it if you want to optimize data loading and provide a snappy UX while it happens Here's how it looks in future React Router v7

Ryan Florence

77,427 görüntüleme • 2 yıl önce

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 leveraging React Native Godot. Here’s how it works: ① The user changes the Pengu’s clothing, and React Native calls a GDScript function. ② Godot opens a subwindow with a specific scene that renders the Pengu. ③ Godot takes a “screenshot” and closes the subwindow. ④ React Native receives the File Path of the screenshot as a return value. You can get quite creative with how you leverage Godot’s subwindows. Screenshots are captured in just a few milliseconds, without the user ever noticing.
0:21

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 leveraging React Native Godot. Here’s how it works: ① The user changes the Pengu’s clothing, and React Native calls a GDScript function. ② Godot opens a subwindow with a specific scene that renders the Pengu. ③ Godot takes a “screenshot” and closes the subwindow. ④ React Native receives the File Path of the screenshot as a return value. You can get quite creative with how you leverage Godot’s subwindows. Screenshots are captured in just a few milliseconds, without the user ever noticing.

Jannis Ringwald

28,577 görüntüleme • 9 ay önce

Been watching what this and I was inspired by what Remotion for React and thought "Vue needs this"(Vue-native) So I built Pellicule - deterministic video rendering with Vue components Threw it together in a few hours with the help of Claude Code, still rough around the edges but it works: Write .vue components Run: npx pellicule Video.vue Get .mp4 videos 📚 👨🏾‍💻 ⚡️ powered by Vite ⚡ + Playwright + FFmpeg
0:26

Been watching what this and I was inspired by what Remotion for React and thought "Vue needs this"(Vue-native) So I built Pellicule - deterministic video rendering with Vue components Threw it together in a few hours with the help of Claude Code, still rough around the edges but it works: Write .vue components Run: npx pellicule Video.vue Get .mp4 videos 📚 👨🏾‍💻 ⚡️ powered by Vite ⚡ + Playwright + FFmpeg

K.O.O

15,940 görüntüleme • 7 ay önce

Who is at the center of the Marxist Globalist Plan, what is the plan, and how do we react to it? My answer here with specific instructions for specific members of the Admin and Congress.
2:48

Who is at the center of the Marxist Globalist Plan, what is the plan, and how do we react to it? My answer here with specific instructions for specific members of the Admin and Congress.

Ivan Raiklin

12,038 görüntüleme • 1 ay önce