正在加载视频...

视频加载失败

返回首页

Cover flow Music Carousel with Shared Element Transition, built in React Native powered by Software Mansion’s Reanimated Library. We couldn’t have done this without all the hard work of awesome RN community behind these libraries now at React Native EU is now React Universe Conf Design by @_iamsandeep &...

timelessco's profile picture

Timeless

2,278 subscribers

11,831 次观看 • 3 年前 •via X (Twitter)

科学技术艺术
LIVE

Anya Rossi• Live Now

Private livecam show

9 条评论

Daniel Williams 的头像
Daniel Williams3 年前

@swmansion @react_native_eu @_iamsandeep wow looks great!

Gary 的头像
Gary3 年前

@swmansion @react_native_eu @_iamsandeep Looks smooth 🧈 Is that the native navigation or are you translating in a custom view?

dev__junior⚛ 的头像
dev__junior⚛3 年前

@swmansion @react_native_eu @_iamsandeep @wcandillon 👀

Ꜫⱡⱺʑɪɴɵ🏮 的头像
Ꜫⱡⱺʑɪɴɵ🏮3 年前

@swmansion @react_native_eu @_iamsandeep Now this is a product

ujjwal sayami 的头像
ujjwal sayami3 年前

@swmansion @react_native_eu @_iamsandeep So cool 🔥

Ansh Nanda 的头像
Ansh Nanda3 年前

@swmansion @react_native_eu @_iamsandeep Got a snack?

Bishal 的头像
Bishal3 年前

@swmansion @react_native_eu @_iamsandeep Sometimes I don't believe it's react native.

ujjwal sayami 的头像
ujjwal sayami3 年前

@swmansion @react_native_eu @_iamsandeep Is this open sourced? ;)

Louis Lcq 的头像
Louis Lcq3 年前

@swmansion @react_native_eu @_iamsandeep need

相关视频

New # 7️⃣7️⃣ drop at Onboarding carousel with duration pagination from the amazing Superlist app. ✦ Built for React Native using Expo ✦ Powered by Software Mansion reanimated and gesture handler
0:23

New # 7️⃣7️⃣ drop at Onboarding carousel with duration pagination from the amazing Superlist app. ✦ Built for React Native using Expo ✦ Powered by Software Mansion reanimated and gesture handler

Native Bloom

26,026 次观看 • 11 个月前

The React Native community just got a new powerhouse of knowledge. 🚨 Margelo’s blog is now live. Expect deep dives into internals, performance, architecture, tooling, case studies, vision camera, and pixel-perfect mobile engineering. Built by engineers pushing the ecosystem forward. If you’re serious about React Native, check it out
0:28

The React Native community just got a new powerhouse of knowledge. 🚨 Margelo’s blog is now live. Expect deep dives into internals, performance, architecture, tooling, case studies, vision camera, and pixel-perfect mobile engineering. Built by engineers pushing the ecosystem forward. If you’re serious about React Native, check it out

Adnan

36,589 次观看 • 6 个月前

While you debate if you should switch to native, I've implemented iOS Gallery zoom interaction, using React Native and Expo, and feels incredibly smooth. Recreating this was living in my head over 4 years without paying, now I think it's a good time to show what’s possible. It’s funny that we still have this React Native vs. native discussion from the early times of it. React Native doesn’t stop you from building a performant app, and going fully native doesn’t automatically give you performant apps either. You can build performant, delightful things with React Native.
0:41

While you debate if you should switch to native, I've implemented iOS Gallery zoom interaction, using React Native and Expo, and feels incredibly smooth. Recreating this was living in my head over 4 years without paying, now I think it's a good time to show what’s possible. It’s funny that we still have this React Native vs. native discussion from the early times of it. React Native doesn’t stop you from building a performant app, and going fully native doesn’t automatically give you performant apps either. You can build performant, delightful things with React Native.

Enes

26,082 次观看 • 1 个月前

holy smokes! It's alive! streaming on React Native out of the box using Expo 52 and the new expo/fetch library. This is a piece of the Expo Router RSC story but now RN is becoming a great alternative for AI apps that need streaming. This is gigantic. Amazing work by Expo & Kudo 👏👏
0:29

holy smokes! It's alive! streaming on React Native out of the box using Expo 52 and the new expo/fetch library. This is a piece of the Expo Router RSC story but now RN is becoming a great alternative for AI apps that need streaming. This is gigantic. Amazing work by Expo & Kudo 👏👏

ROFI

81,261 次观看 • 2 年前

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

Introducing the Blinks Mobile SDK. Available now in React Native 📱 Blinks have taken Solana by storm in the month since launch, with hundreds of teams building blinks, & integrations in all the major wallets. With mobile, we begin the next major phase for blinks. 1/👁️ 👁️
0:23

Introducing the Blinks Mobile SDK. Available now in React Native 📱 Blinks have taken Solana by storm in the month since launch, with hundreds of teams building blinks, & integrations in all the major wallets. With mobile, we begin the next major phase for blinks. 1/👁️ 👁️

Dialect 📥 (hiring)

87,918 次观看 • 2 年前

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

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

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

28,696 次观看 • 11 个月前

Meet Webflow Cloud, the newest addition to our Website Experience Platform. Webflow Cloud leverages our robust, native hosting infrastructure, powered by Cloudflare, to empower developers to deploy full-stack web applications and dynamic web experiences alongside their Webflow sites. Webflow Cloud is now available in private beta, with support for the JavaScript + React ecosystem including Next.js and Astro. Learn more about Webflow Cloud, and request access to the beta, here:
5:43

Meet Webflow Cloud, the newest addition to our Website Experience Platform. Webflow Cloud leverages our robust, native hosting infrastructure, powered by Cloudflare, to empower developers to deploy full-stack web applications and dynamic web experiences alongside their Webflow sites. Webflow Cloud is now available in private beta, with support for the JavaScript + React ecosystem including Next.js and Astro. Learn more about Webflow Cloud, and request access to the beta, here:

Webflow

61,574 次观看 • 1 年前

This is insane. Approximately, at 3:15am our sound system was stolen by the “Unknown people on civil dress” despite the presence of multiple police and surveillance cameras. If these are for the protection of #MarchAgainstBalochGenocide, then how they had fled easily and Police did not react? And Now they are Saying we are unaware of the issue.
5:03

This is insane. Approximately, at 3:15am our sound system was stolen by the “Unknown people on civil dress” despite the presence of multiple police and surveillance cameras. If these are for the protection of #MarchAgainstBalochGenocide, then how they had fled easily and Police did not react? And Now they are Saying we are unaware of the issue.

Baloch Yakjehti Committee (Islamabad)

108,355 次观看 • 2 年前

We are now Cult.Repo. The original creators behind the iconic Open Source documentaries (Vue, React, GraphQL) are back together! Honeypot is now called Cult.Repo and is independently-owned. We are on a mission to document the complete history of every major open source language ever created. With 250K subscribers and over 15M views, we're building on our foundation as creators of the acclaimed Open Source Origin Story documentary format. Coming in 2025: Python Software Foundation, Vite ⚡ documentaries and much more. Our independence is core to our mission. We believe the human stories behind open source deserve authentic, in-depth storytelling. Our new model is powered directly by: - Community support from viewers - Sponsorships from organizations that champion open source This transition represents our commitment to independent, meaningful tech storytelling that honours the collaborative spirit of open source itself.
0:42

We are now Cult.Repo. The original creators behind the iconic Open Source documentaries (Vue, React, GraphQL) are back together! Honeypot is now called Cult.Repo and is independently-owned. We are on a mission to document the complete history of every major open source language ever created. With 250K subscribers and over 15M views, we're building on our foundation as creators of the acclaimed Open Source Origin Story documentary format. Coming in 2025: Python Software Foundation, Vite ⚡ documentaries and much more. Our independence is core to our mission. We believe the human stories behind open source deserve authentic, in-depth storytelling. Our new model is powered directly by: - Community support from viewers - Sponsorships from organizations that champion open source This transition represents our commitment to independent, meaningful tech storytelling that honours the collaborative spirit of open source itself.

Cult.Repo

71,433 次观看 • 1 年前

Hats off to the Lady SI of Delhi Police , what a great demonstration of professionalism she has shown, the clown reporter is instigating officer , speaking next to officers face . But officer didn’t react at all, because she is aware these are the traps these thugs are setting up to blame police officers. These journalists give example of US/EU for journalist freedom , in US this clown reporter would have been tazed or been shot down by now . They should thanks that India does not have such protocol for these dumb reporters/rioters.
0:54

Hats off to the Lady SI of Delhi Police , what a great demonstration of professionalism she has shown, the clown reporter is instigating officer , speaking next to officers face . But officer didn’t react at all, because she is aware these are the traps these thugs are setting up to blame police officers. These journalists give example of US/EU for journalist freedom , in US this clown reporter would have been tazed or been shot down by now . They should thanks that India does not have such protocol for these dumb reporters/rioters.

Maj Digvijay Singh Rawat, Kirti Chakra (Retd)

158,739 次观看 • 17 天前

🚨🇩🇪 Meanwhile in Germany “This is how the transition to net zero in Germany is going after they started by destroying their nuclear power plants” “We just don’t have enough energy generation capacity” - Chancellor Merz This didn’t happen by accident, as Germany destroyed all their nuclear power and cold powered pits, now their economy is collapsing, people can’t afford energy, and manufacturing and industry are flying the country or going bankrupt. All by design.
1:19

🚨🇩🇪 Meanwhile in Germany “This is how the transition to net zero in Germany is going after they started by destroying their nuclear power plants” “We just don’t have enough energy generation capacity” - Chancellor Merz This didn’t happen by accident, as Germany destroyed all their nuclear power and cold powered pits, now their economy is collapsing, people can’t afford energy, and manufacturing and industry are flying the country or going bankrupt. All by design.

Concerned Citizen

53,454 次观看 • 9 个月前

OUT NOW: Stream/Watch “Hordes Of Khan”! 🎵 👉 It’s time to crank up the volume and experience our new single “Hordes Of Khan”, now available on all major streaming platforms! Our accompanying music video is also available on YouTube - make sure you give it a watch! “Hordes Of Khan” is inspired by the legends surrounding the mighty Genghis Khan. “The song turned out to have way more depth than we expected. Genghis Khan wasn’t just a conqueror; he was a complex figure who left behind a huge legacy. We couldn’t have picked a more suitable subject for the new direction Sabaton is heading in! ‘Hordes of Khan’ hits hard. We know our fans crave heavy music, and we’re pumped to see how they react to this one. // Joakim Hit play and share your thoughts with us! 🤘
0:30

OUT NOW: Stream/Watch “Hordes Of Khan”! 🎵 👉 It’s time to crank up the volume and experience our new single “Hordes Of Khan”, now available on all major streaming platforms! Our accompanying music video is also available on YouTube - make sure you give it a watch! “Hordes Of Khan” is inspired by the legends surrounding the mighty Genghis Khan. “The song turned out to have way more depth than we expected. Genghis Khan wasn’t just a conqueror; he was a complex figure who left behind a huge legacy. We couldn’t have picked a more suitable subject for the new direction Sabaton is heading in! ‘Hordes of Khan’ hits hard. We know our fans crave heavy music, and we’re pumped to see how they react to this one. // Joakim Hit play and share your thoughts with us! 🤘

Sabaton

36,063 次观看 • 1 年前

Build uncompromising high-performance, high-fidelity apps with React. What you see is not the Apple Messages app, nor is it meant to be 1:1. Rather it serves as an aspirational and real example of UI/UX that is possible. Every detail from the bubble animations to keyboard gestures to scroll view insets and safe areas to parallax timestamps required care and attention. Quality UIs come from caring hard. The little chat bubble tails that morph away when the next message animates in. Timestamps that scroll at a different rate than the bubbles. Peek gestures powered by UIKit that lift a chat bubble, tail and all, with a gentle haptic pulse. The subtle shadow of the text composer and responsively sliding down the keyboard in pixel-perfect concert. The composer shrinking its width to fit iPhone’s rounded bezel. The beautiful Liquid Glass refractions have the level of glassiness chosen by the user (new in iOS 27). Scroll view insets that adjust to fit the home bar and keyboard dynamically, creating a sense of depth as the chat bubbles are slightly visible as they scroll under the keyboard. Keeping the keyboard on screen if the prior screen already presented it. Sliding the keyboard and composer with the screen when the user drags to navigate back. I am excited to explore using the new iPhone Duo view controllers natively with React when the time comes. There is always room for innovation and improvement. This chat demo runs at 120 FPS on iOS 27 even on my phone that’s four versions old now. There are several approaches to high-performance lists. I explored a new Expo scroll view that uses the native gesture systems along with react-native’s VirtualView (codenamed “Fling” to reflect the speed of flinging a scroll view), which Meta’s React team designed to prioritize scroll momentum with React’s scheduler. There are tradeoffs with other scroll strategies for how the scroll views gracefully degrade, and they can be swapped out based on what’s best for your app’s use case. And, by virtue of using modern React, high-priority events like user gestures can preempt lower-priority ones like a network response. Let us dispel any myth that using React requires compromising on beautiful, smooth, user-friendly UI/UX that Uses the Platform. Let us dispel any myth frame-perfect UI coordination is not achievable. The Hermes thread and the UI thread can coordinate when needed, like for controlled text inputs. Let us dispel any myth that React Native’s performance is impacted by a bridge, let alone has a bridge. Bridgeless JSI and the Fabric renderer are here for apps that use the New Architecture. What about Android? The app runs and I’ll share a screenshot from my cloud agent’s emulator. With some attention to detail dedicated to Android I’m confident crafted UX is attainable. I’ve spent my tokens once and have a structural head start everywhere. One more thing! Most of this chat’s application code is written with , , , and other familiar elements. The styling is mostly CSS, including linear-gradient(), background-attachment: fixed, and semantic platform colors that adapt to dark mode. Not just appearance - CSS Animations and CSS Transitions run entirely natively. There are a handful of custom native components written in Swift and Kotlin, like the chat bubbles and a custom CAShapeLayer and UIBezierPath for the tails. Native coding is a first-class feature. The way to think about building beautiful apps this way is React and Native, not React vs. Native. Aspire high and raise your ambitions for what is possible!
2:49

Build uncompromising high-performance, high-fidelity apps with React. What you see is not the Apple Messages app, nor is it meant to be 1:1. Rather it serves as an aspirational and real example of UI/UX that is possible. Every detail from the bubble animations to keyboard gestures to scroll view insets and safe areas to parallax timestamps required care and attention. Quality UIs come from caring hard. The little chat bubble tails that morph away when the next message animates in. Timestamps that scroll at a different rate than the bubbles. Peek gestures powered by UIKit that lift a chat bubble, tail and all, with a gentle haptic pulse. The subtle shadow of the text composer and responsively sliding down the keyboard in pixel-perfect concert. The composer shrinking its width to fit iPhone’s rounded bezel. The beautiful Liquid Glass refractions have the level of glassiness chosen by the user (new in iOS 27). Scroll view insets that adjust to fit the home bar and keyboard dynamically, creating a sense of depth as the chat bubbles are slightly visible as they scroll under the keyboard. Keeping the keyboard on screen if the prior screen already presented it. Sliding the keyboard and composer with the screen when the user drags to navigate back. I am excited to explore using the new iPhone Duo view controllers natively with React when the time comes. There is always room for innovation and improvement. This chat demo runs at 120 FPS on iOS 27 even on my phone that’s four versions old now. There are several approaches to high-performance lists. I explored a new Expo scroll view that uses the native gesture systems along with react-native’s VirtualView (codenamed “Fling” to reflect the speed of flinging a scroll view), which Meta’s React team designed to prioritize scroll momentum with React’s scheduler. There are tradeoffs with other scroll strategies for how the scroll views gracefully degrade, and they can be swapped out based on what’s best for your app’s use case. And, by virtue of using modern React, high-priority events like user gestures can preempt lower-priority ones like a network response. Let us dispel any myth that using React requires compromising on beautiful, smooth, user-friendly UI/UX that Uses the Platform. Let us dispel any myth frame-perfect UI coordination is not achievable. The Hermes thread and the UI thread can coordinate when needed, like for controlled text inputs. Let us dispel any myth that React Native’s performance is impacted by a bridge, let alone has a bridge. Bridgeless JSI and the Fabric renderer are here for apps that use the New Architecture. What about Android? The app runs and I’ll share a screenshot from my cloud agent’s emulator. With some attention to detail dedicated to Android I’m confident crafted UX is attainable. I’ve spent my tokens once and have a structural head start everywhere. One more thing! Most of this chat’s application code is written with , , , and other familiar elements. The styling is mostly CSS, including linear-gradient(), background-attachment: fixed, and semantic platform colors that adapt to dark mode. Not just appearance - CSS Animations and CSS Transitions run entirely natively. There are a handful of custom native components written in Swift and Kotlin, like the chat bubbles and a custom CAShapeLayer and UIBezierPath for the tails. Native coding is a first-class feature. The way to think about building beautiful apps this way is React and Native, not React vs. Native. Aspire high and raise your ambitions for what is possible!

James Ide

141,012 次观看 • 1 个月前

ISRAELI SOCIETY CAN’T HIDE IT’S GENOCIDE IN GAZA ANYMORE More and more IDF whistleblowers are talking now, they are psychologically damaged and spiritually annihilated by what they have done to the native Palestinian population in Gaza. Zandland docs did a very good job getting some these on record. This is small tip of iceberg…
1:04

ISRAELI SOCIETY CAN’T HIDE IT’S GENOCIDE IN GAZA ANYMORE More and more IDF whistleblowers are talking now, they are psychologically damaged and spiritually annihilated by what they have done to the native Palestinian population in Gaza. Zandland docs did a very good job getting some these on record. This is small tip of iceberg…

Patrick Henningsen

102,808 次观看 • 8 个月前

Let's build a Deepseek Wrapper (Mobile App) without writing a single line of code! Everyone is talking about building web apps with AI, but no one is talking about building mobile apps. This video tutorial and @senior_swc template (built by ) will help you get starting building an app on iOS. This is react native so it's also compatible with Android and Web (But we will cover this in a future video). The point of this video is to get some experience in the simulator and to start building an app. In a video, soon, we will take the app we've built, test it on our phone, and put it on Test-Flight! (Without writing ANY code!) Just a warning: The DeepSeek API has been tough to rely on. So I decided to add Gemini into my app as a backup, which you can do as well (with any AI model) The code for template is on the next tweet. Timestamps: 00:00 Introduction 01:35 Setting Up Xcode and iPhone Simulator 02:29 Downloading and Configuring Cursor 04:10 Forking the Template and Initial Setup 06:10 Implementing Authentication with Clerk 08:23 Adding DeepSeek API and Testing 13:35 Enhancing the App with SupaData API 19:00 Using the Serp API to fetch video links 23:00 Figuring things out 27:30 Woohoo!!! Perplexitube Shout out to Galaxies-dev on GitHub, who's repo (chatgpt-clone-react-native), we very helpful in building this template quickly.
28:54

Let's build a Deepseek Wrapper (Mobile App) without writing a single line of code! Everyone is talking about building web apps with AI, but no one is talking about building mobile apps. This video tutorial and @senior_swc template (built by ) will help you get starting building an app on iOS. This is react native so it's also compatible with Android and Web (But we will cover this in a future video). The point of this video is to get some experience in the simulator and to start building an app. In a video, soon, we will take the app we've built, test it on our phone, and put it on Test-Flight! (Without writing ANY code!) Just a warning: The DeepSeek API has been tough to rely on. So I decided to add Gemini into my app as a backup, which you can do as well (with any AI model) The code for template is on the next tweet. Timestamps: 00:00 Introduction 01:35 Setting Up Xcode and iPhone Simulator 02:29 Downloading and Configuring Cursor 04:10 Forking the Template and Initial Setup 06:10 Implementing Authentication with Clerk 08:23 Adding DeepSeek API and Testing 13:35 Enhancing the App with SupaData API 19:00 Using the Serp API to fetch video links 23:00 Figuring things out 27:30 Woohoo!!! Perplexitube Shout out to Galaxies-dev on GitHub, who's repo (chatgpt-clone-react-native), we very helpful in building this template quickly.

Riley Brown

128,580 次观看 • 1 年前