Loading video...

Video Failed to Load

There was a problem loading this video. This could be due to a temporary network issue or the video might be unavailable.

🌟 Introducing Apple News! Built with JavaScript and Tailwind CSS 🚀 💣Works on Android, iOS, and Web  iOS Live Activities, Home Widgets 🎵 Podcast Player Watch support 🤏 Swipe actions like 𝕏 ↕️ Drag/sort favorites, RSC + much more! ⭐ Link to React Native code below👇

Saúl

5,817 subscribers

77,407 views • 1 year ago •via X (Twitter)

Education Science & Technology News & Politics

Anya Rossi• Live Now

Private livecam show

11 Comments

Saúl Sharma1 year ago

More: 🫰 swipe to next post ⚡ Reanimated 4 beta (+ CSS animation for native) ☝️ Long press gesture peek on iOS 🔴 Push Notifications demo 💡 Keyword highlighters on autocomplete 🟠 SwiftUI integration  `npx create-target` by @baconbrix 🔋 `react-native-mmkv` by @mrousavy ⚟ Radix UI menu on Web, native on iOS/Android (zeego) by @fernandotherojo Link to repo: 1 command to run it locally: `git clone && cd apple-news-ui && bun install && bun run ios`

Saúl Sharma1 year ago

Here is a webapp, if anyone would like to take a peek: (although I recommend it for Android/iOS 🤝)

Saúl Sharma1 year ago

More stuffs: ⚽️ Sports Scores demo - Universal iOS-like animated header component - Expo + Shared routes - 𝕏-like layout for web - Topic details screens - Matched keyword highlighters on autocomplete - TabBar scroll-to-top - Example HTML component in a native app via 'use dom' - Ready for one-click universal deployment And I'm sure I've missed quite a few more 😄

Saúl Sharma1 year ago

Also, if you're looking for native bottom tabs for all platforms, check out the commit `431191b15b01d7fb3c538e7d6a1fbf267728f977`. I reverted to JS tabs for now, but @o_kwasniewski is working on a new feature that would allow you to create totally custom JavaScript Tab Bar in React Native Bottom Tabs. (In case you didn't know, `react-native-bottom-tabs` lets you implement native platform tab primitives like the example below. Thanks Oskar!)

Saúl Sharma1 year ago

I have enabled experimental features on many things, so there is a chance something might break, feel free to send a PR for anything!

Saúl Sharma1 year ago

Desktop version isn’t bad either🤠

RedDeer.Games IR2 years ago

🚀 Ready for an epic gaming adventure? Join the action with @RedDeer_Games! 🎮 Watch the latest game videos and make sure to SUBSCRIBE for exclusive content! 📺 👉 Dive in now! 👉 Youtube: 👉 Play On: #Nintendo #Xbox #PS5 #Steam

Brayan Paucar1 year ago

One of my todos was to see this post , I was reviewing your profile every day , and here it is. Thank you so much man , I’ll fill my brain with the knowledge 💯🍻

Saúl Sharma1 year ago

Wow, that means a lot! Thanks. DM if you need help anytime

Evan Bacon 🥓1 year ago

This is amazing 🤩 bravo!

Saúl Sharma1 year ago

Thanks Evan! 🤜

Related Videos

Introducing react-native-wallet, built in collaboration with Expensify! 🚀 💳 A better way to add payment cards to Apple & Google Wallet 🔁 Truly cross-platform support for iOS & Android ⚡ Lightweight, dev-friendly, and easy to integrate 🔐 Secure, compliant, and production-ready in-app provisioning

Introducing react-native-wallet, built in collaboration with Expensify! 🚀 💳 A better way to add payment cards to Apple & Google Wallet 🔁 Truly cross-platform support for iOS & Android ⚡ Lightweight, dev-friendly, and easy to integrate 🔐 Secure, compliant, and production-ready in-app provisioning

Software Mansion

10,508 views • 1 year ago

🚨 Introducing Tempo Labs (YC S23) 🚨 A Visual Editor for React, Powered by AI. Feels like a design tool, works like an IDE. Design visually. Ship code instantly. What Makes Tempo Different: ⚡ Code-First: Works with any codebase just like an IDE. 🤝 Live Collaboration: Share links and build together in real-time. 🚀 AI-Powered: Generate full-stack apps using a text or image prompt 📢 We’re LIVE on Product Hunt! So please support us! Link below👇

🚨 Introducing Tempo Labs (YC S23) 🚨 A Visual Editor for React, Powered by AI. Feels like a design tool, works like an IDE. Design visually. Ship code instantly. What Makes Tempo Different: ⚡ Code-First: Works with any codebase just like an IDE. 🤝 Live Collaboration: Share links and build together in real-time. 🚀 AI-Powered: Generate full-stack apps using a text or image prompt 📢 We’re LIVE on Product Hunt! So please support us! Link below👇

Kevin Michael

108,533 views • 1 year ago

Introducing Prism Templates ✨ Ready to use pages for your application built on shadcn and run on Next.js How it works: ◆ Go to Prism UI ◆ Download templates ◆ Run and edit your new website I have wanted to make something like this for everyone for a while, hope you like it 🪄 What is under the hood: ⚡️ Next.js 15 with App Router 🎨 Tailwind CSS for styling 📦 Shadcn UI components 🔒 TypeScript for type safety 🎯 ESLint & Biome for code formatting 🚀 Optimized for SEO 🌓 Dark mode support 📱 Responsive design 🔥 Modern and clean UI Tech Stack: Vercel shadcn Framer Tailwind CSS v0 Matt Perry Biome #opensource #buildinpublic

Introducing Prism Templates ✨ Ready to use pages for your application built on shadcn and run on Next.js How it works: ◆ Go to Prism UI ◆ Download templates ◆ Run and edit your new website I have wanted to make something like this for everyone for a while, hope you like it 🪄 What is under the hood: ⚡️ Next.js 15 with App Router 🎨 Tailwind CSS for styling 📦 Shadcn UI components 🔒 TypeScript for type safety 🎯 ESLint & Biome for code formatting 🚀 Optimized for SEO 🌓 Dark mode support 📱 Responsive design 🔥 Modern and clean UI Tech Stack: Vercel shadcn Framer Tailwind CSS v0 Matt Perry Biome #opensource #buildinpublic

CodeHagen

16,295 views • 1 year ago

🚀 Make WeatherWise Your Daily Weather App We're excited to introduce WeatherWise Home - a brand new personalized weather dashboard that brings together everything that matters for the locations you care about. Pick from a library of widgets to build your perfect weather view. Arrange them however you like with simple drag-and-drop. - Hourly forecast - Daily forecast - Severe weather alerts - Weather outlooks - Ryan Hall, Yall Weather Intensity Score (WIS) - Latest YouTube video from Ryan - Hazcams Camera - Live radar background - Light & dark mode support Available now on: iOS: Android: Browser: And to Plus/Pro subscribers using our Windows/Mac/Linux App

WeatherWise.app

36,299 views • 7 months ago

If you're a mobile engineer or interested in iOS and Android, this podcast episode is as good as it gets: How Notion builds its iOS and Android apps. Two of Notion's founding mobile engineers help us dive deep into the productivity app used by tens of millions of users on mobile. Listen to it or watch it here: Spotify: YouTube: Apple: Web & transcript: -- This episode is brought to you by DX the engineering intelligence platform designed by leading researchers. Learn more about them here: (Coincidentally, DX have just launched a very interesting dev productivity framework called DX Core 4: -- Three interesting takeaways from this conversation: 1. Notion’s native mobile team is surprisingly small! Notion employs about 600 staff, but the mobile team is only 11 people – including iOS and Android. This team size is very small, especially considering how Notion serves more than 10M users on both iOS and Android. We’re likely talking about one engineer for every ~2M or more users! 2. Moving from web-based to native was an incremental process by necessity. Thanks to a small native team, and the need to keep the mobile apps up-to-date with the latest Notion features, the native mobile engineering team didn’t have the luxury of doing a large mobile app rewrite. Instead, they did the sensible thing of slowly migrating parts of the app. Today, most of Notion’s apps are fully native, save for the editor. The editor remains one of the most complex parts of Notion. 3. Notion releases their app on a weekly cadence. Native mobile apps need to go through an app review flow from Apple and Google, and so many native apps are released less frequently, to account for this overhead. Notion doing a weekly release cycle is impressive – and it can serve as inspiration for other native mobile teams. If Notion, with 10M+ native users and a small team, does this, other native teams can as well! Thanks to the Notion team for sharing all these details!

If you're a mobile engineer or interested in iOS and Android, this podcast episode is as good as it gets: How Notion builds its iOS and Android apps. Two of Notion's founding mobile engineers help us dive deep into the productivity app used by tens of millions of users on mobile. Listen to it or watch it here: Spotify: YouTube: Apple: Web & transcript: -- This episode is brought to you by DX the engineering intelligence platform designed by leading researchers. Learn more about them here: (Coincidentally, DX have just launched a very interesting dev productivity framework called DX Core 4: -- Three interesting takeaways from this conversation: 1. Notion’s native mobile team is surprisingly small! Notion employs about 600 staff, but the mobile team is only 11 people – including iOS and Android. This team size is very small, especially considering how Notion serves more than 10M users on both iOS and Android. We’re likely talking about one engineer for every ~2M or more users! 2. Moving from web-based to native was an incremental process by necessity. Thanks to a small native team, and the need to keep the mobile apps up-to-date with the latest Notion features, the native mobile engineering team didn’t have the luxury of doing a large mobile app rewrite. Instead, they did the sensible thing of slowly migrating parts of the app. Today, most of Notion’s apps are fully native, save for the editor. The editor remains one of the most complex parts of Notion. 3. Notion releases their app on a weekly cadence. Native mobile apps need to go through an app review flow from Apple and Google, and so many native apps are released less frequently, to account for this overhead. Notion doing a weekly release cycle is impressive – and it can serve as inspiration for other native mobile teams. If Notion, with 10M+ native users and a small team, does this, other native teams can as well! Thanks to the Notion team for sharing all these details!

Gergely Orosz

45,536 views • 1 year ago

🚀 New on ModelScope: MiniMax M2.1 is open-source! ✅ SOTA in 8+ languages (Rust, Go, Java, C++, TS, Kotlin, Obj-C, JS) ✅ Full-stack Web & mobile dev: Android/iOS, 3D visuals, vibe coding that actually ships ✅ Smarter, faster, 30% fewer tokens — with lightning mode (M2.1-lightning) for high-TPS workflows ✅ Top-tier on SWE-bench, VIBE, and custom coding/review benchmarks ✅ Works flawlessly in Cursor, Cline, Droid, BlackBox, and more It’s not just “better code” — it’s AI-native development, end to end. 🔗 Model:

🚀 New on ModelScope: MiniMax M2.1 is open-source! ✅ SOTA in 8+ languages (Rust, Go, Java, C++, TS, Kotlin, Obj-C, JS) ✅ Full-stack Web & mobile dev: Android/iOS, 3D visuals, vibe coding that actually ships ✅ Smarter, faster, 30% fewer tokens — with lightning mode (M2.1-lightning) for high-TPS workflows ✅ Top-tier on SWE-bench, VIBE, and custom coding/review benchmarks ✅ Works flawlessly in Cursor, Cline, Droid, BlackBox, and more It’s not just “better code” — it’s AI-native development, end to end. 🔗 Model:

ModelScope

16,939 views • 9 months ago

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 👇

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 views • 11 months ago

Every week another AI image app hits the top charts. The window is open, but not forever. That's why I built Platano. Today it's production ready. What's inside: - Expo SDK 56 - Agent skills for setup, rebranding, adding languages, and more - Fully native iOS and Android - Material You on Android, Liquid Glass with iOS 18 fallbacks - Onboarding flow battle-tested in my AI Tattoo app (live in the App Store) - RevenueCat payments - AI editor with Nano Banana 2 - Clean architecture your agent can extend - Interactive CLI to spin it up I use this as the base for every real app I'm building now, not just AI image apps. Ship something maintainable. Validate fast. (link below)

Every week another AI image app hits the top charts. The window is open, but not forever. That's why I built Platano. Today it's production ready. What's inside: - Expo SDK 56 - Agent skills for setup, rebranding, adding languages, and more - Fully native iOS and Android - Material You on Android, Liquid Glass with iOS 18 fallbacks - Onboarding flow battle-tested in my AI Tattoo app (live in the App Store) - RevenueCat payments - AI editor with Nano Banana 2 - Clean architecture your agent can extend - Interactive CLI to spin it up I use this as the base for every real app I'm building now, not just AI image apps. Ship something maintainable. Validate fast. (link below)

Beto

11,477 views • 4 months ago

I've been building a music player with Next.js for fun. Here's a quick demo of how it works (it's open source!) • Demo: • Code: If you want to learn more about how it's built, here's more details ↓ I'm using Postgres (with Drizzle) to store information about the songs and playlists. Audio and image files are stored in Vercel Blob (object storage), and the URLs are then referenced in the database. For the UI, I'm using shadcn/ui (so Tailwind CSS and Radix). This made it easy to copy/paste in some nice components, like the dropdown menus. I built the entire first version of the UI in v0 and then iterated from there, feeding it my Drizzle schema as a source in the project and having it scaffold some of the boilerplate for me: I added support for keyboard navigation (using arrow keys) or vim motions (j/k to go up/down, and h/l to go between playlists and tracks). Also, space to toggle the now playing song, and / to focus the search input. The search function has a nice utility to highlight the currently searched text on the page in yellow. Then, I was exploring how to pass metadata from my application to macOS or iOS. Turns out there's an API for that – MediaSession. Web apps can share metadata about what media is playing (title, artist, album artwork) and sync play/pause/seek with system media controls. Works across modern browsers — even integrates with iOS dynamic island and shows up on lock screens: I set up my app like a PWA – it has a manifest.json file, so it can be installed to my iOS home screen or added to my dock on macOS. On iOS, it then uses the full screen height `100dvh` (dynamic viewport) and has padding on the bottom for the safe area with the `env()` CSS function. Finally, I was able to use the Vercel AI SDK in a script to clean up the metadata on audio files I downloaded from YouTube. Bonus: I even was able to dogfood the React Compiler, which helped me fix a performance bug! That's all! It's fun to make personal software:

I've been building a music player with Next.js for fun. Here's a quick demo of how it works (it's open source!) • Demo: • Code: If you want to learn more about how it's built, here's more details ↓ I'm using Postgres (with Drizzle) to store information about the songs and playlists. Audio and image files are stored in Vercel Blob (object storage), and the URLs are then referenced in the database. For the UI, I'm using shadcn/ui (so Tailwind CSS and Radix). This made it easy to copy/paste in some nice components, like the dropdown menus. I built the entire first version of the UI in v0 and then iterated from there, feeding it my Drizzle schema as a source in the project and having it scaffold some of the boilerplate for me: I added support for keyboard navigation (using arrow keys) or vim motions (j/k to go up/down, and h/l to go between playlists and tracks). Also, space to toggle the now playing song, and / to focus the search input. The search function has a nice utility to highlight the currently searched text on the page in yellow. Then, I was exploring how to pass metadata from my application to macOS or iOS. Turns out there's an API for that – MediaSession. Web apps can share metadata about what media is playing (title, artist, album artwork) and sync play/pause/seek with system media controls. Works across modern browsers — even integrates with iOS dynamic island and shows up on lock screens: I set up my app like a PWA – it has a manifest.json file, so it can be installed to my iOS home screen or added to my dock on macOS. On iOS, it then uses the full screen height `100dvh` (dynamic viewport) and has padding on the bottom for the safe area with the `env()` CSS function. Finally, I was able to use the Vercel AI SDK in a script to clean up the metadata on audio files I downloaded from YouTube. Bonus: I even was able to dogfood the React Compiler, which helped me fix a performance bug! That's all! It's fun to make personal software:

Lee Robinson

118,631 views • 2 years ago

🔥 Guys, I think I COOKED something special... Introducing HelpKit for Mobile Apps! 📲 You can now embed a native help center directly in your consumer app that actually feels like it belongs there. 🔴 Live on Product Hunt today (Link below) 📱 React Native SDK (Swift coming soon) 📝 Ready-made mobile app FAQ template ⚡ Edit in Notion → Sync → No app update needed 📉 60-80% fewer support tickets Perfect for consumer app founders ready to automate support so you can get back to building and growing. If you have a second would love your support on Product Hunt! 🚀 Link in first comment 👇

🔥 Guys, I think I COOKED something special... Introducing HelpKit for Mobile Apps! 📲 You can now embed a native help center directly in your consumer app that actually feels like it belongs there. 🔴 Live on Product Hunt today (Link below) 📱 React Native SDK (Swift coming soon) 📝 Ready-made mobile app FAQ template ⚡ Edit in Notion → Sync → No app update needed 📉 60-80% fewer support tickets Perfect for consumer app founders ready to automate support so you can get back to building and growing. If you have a second would love your support on Product Hunt! 🚀 Link in first comment 👇

Dominik Sobe ツ

10,406 views • 1 year ago

Introducing - testflight built for agents to easily share iOS apps with you & your team. little known trick, you can host signed builds and install them from safari if you cut an adhoc distribution build with your device registered in your ASC account. [1] i also added screenshots, past builds, what's new & more - it's easy to confuse what you're testing while working on 100 things → its totally free → no sign up required → works with gh actions that last one is neat - work in any linux sandbox or devbox, build runs in CI on mac runners, agent sends you the link or review in PRs 🤝 ios finally gets preview links just tell your agent "setup -- [1] By default you hit download and iOS asks to install it via system message. you get no confirmation when its complete, pretty shitty ux. i wanted some niceties like download progress / opening the app from safari (ios doesnt tell you when its done) so I watch the packets leaving the server to estimate download progress & stream this back to the site over websockets.

Introducing - testflight built for agents to easily share iOS apps with you & your team. little known trick, you can host signed builds and install them from safari if you cut an adhoc distribution build with your device registered in your ASC account. [1] i also added screenshots, past builds, what's new & more - it's easy to confuse what you're testing while working on 100 things → its totally free → no sign up required → works with gh actions that last one is neat - work in any linux sandbox or devbox, build runs in CI on mac runners, agent sends you the link or review in PRs 🤝 ios finally gets preview links just tell your agent "setup -- [1] By default you hit download and iOS asks to install it via system message. you get no confirmation when its complete, pretty shitty ux. i wanted some niceties like download progress / opening the app from safari (ios doesnt tell you when its done) so I watch the packets leaving the server to estimate download progress & stream this back to the site over websockets.

Jake Mor

59,846 views • 1 month ago

🚀 ZKX Wallet Web App is NOW LIVE! The ZKX Wallet | The Secure and Private Wallet 🗽 is no longer tied to specific operating systems or app stores. We’ve rebuilt the same codebase that powers our ZKX Extension into a fully functional web app. With this release, ZKX Wallet is now accessible on any device with a modern web browser: • iOS (Safari, Chrome, etc.) • macOS • Windows • Linux • Android • ChromeOS • …and basically anything else with a browser No native installation is required for core access. You can also install it as a Progressive Web App (PWA) for a more app-like experience on supported devices. Your keys remain fully in your control. Even your HOT wallet is protected with encrypted passkey-based security, with no backup dependency or identity linking. Railgun shielding works seamlessly, hardware wallet support (including QR-based signing) is included, and you get unified private and public balance management across EVM chains and PulseChain. We can now ship new features almost daily to improve the wallet experience for our users. Privacy. Security. Accessibility. Universal.

🚀 ZKX Wallet Web App is NOW LIVE! The ZKX Wallet | The Secure and Private Wallet 🗽 is no longer tied to specific operating systems or app stores. We’ve rebuilt the same codebase that powers our ZKX Extension into a fully functional web app. With this release, ZKX Wallet is now accessible on any device with a modern web browser: • iOS (Safari, Chrome, etc.) • macOS • Windows • Linux • Android • ChromeOS • …and basically anything else with a browser No native installation is required for core access. You can also install it as a Progressive Web App (PWA) for a more app-like experience on supported devices. Your keys remain fully in your control. Even your HOT wallet is protected with encrypted passkey-based security, with no backup dependency or identity linking. Railgun shielding works seamlessly, hardware wallet support (including QR-based signing) is included, and you get unified private and public balance management across EVM chains and PulseChain. We can now ship new features almost daily to improve the wallet experience for our users. Privacy. Security. Accessibility. Universal.

Liberty Swap | C.R.O.P.S. on PulseChain 🗽

35,000 views • 3 months ago

Here are a few things you probably did not know about Reddit's iOS and Android apps: they are ~2.5M lines of code each, with 500+ screens, and a total of 200 native mobile engineers work on the both of them (including a dedicated iOS and Android mobile platform team) But a few years ago, things looked very different - and Reddit quietly rebuilt their native apps from 2021. Today's conversation goes through what happened and how, with three engineers from Reddit’s mobile platform team who led this work: Lauren Darcey (Head of Mobile Platform), Brandon Kobilansky (iOS Platform Lead), and Eric Kuck (Principal Android Engineer) Watch or listen: • YouTube: • Spotify: • Apple: --- Brought to you by: • Graphite (we've moved to @graphite) — The AI developer productivity platform • Sentry — Error and performance monitoring for developers. Get 150k errors (three months of Team Plan) for free at --- Three of my takeaways from this episode: 𝟭. 𝗣𝗼𝗼𝗿 𝗱𝗲𝘃𝗲𝗹𝗼𝗽𝗲𝗿 𝗲𝘅𝗽𝗲𝗿𝗶𝗲𝗻𝗰𝗲 𝗰𝗮𝗻 𝘀𝗹𝗼𝘄 𝗱𝗼𝘄𝗻 𝗮 𝗰𝗼𝗺𝗽𝗮𝗻𝘆 – 𝘀𝗼 𝗽𝗮𝘆 𝗮𝘁𝘁𝗲𝗻𝘁𝗶𝗼𝗻! One of the reasons Reddit started investing heavily in modernizing its mobile stack was that the “old stack” was slowing down developers. Reddit’s platform team got proof of this simply by asking native engineers about the biggest development-related challenges they face. 𝟮. 𝗣𝗹𝗮𝘁𝗳𝗼𝗿𝗺 𝗲𝗻𝗴𝗶𝗻𝗲𝗲𝗿𝗶𝗻𝗴 𝗶𝘀 𝗵𝗮𝗿𝗱 𝘄𝗼𝗿𝗸. Advice from Brandon for anyone looking to work on a platform team: "You should try to work at a tech company for a year or two and actually see what happens after you ship a system — and then the assumptions change! You then have to figure out how to keep this thing going. You get a bunch of software design intuition because you have to like re-evaluate your assumptions for an incredibly long time. If you can do that, you're probably ready for platform stuff." 𝟯. 𝗚𝗲𝗻𝗔𝗜 𝗰𝗼𝗱𝗶𝗻𝗴 𝘁𝗼𝗼𝗹𝘀 𝗳𝗲𝗲𝗹 𝗹𝗶𝗸𝗲 𝘁𝗵𝗲𝘆 𝗮𝗿𝗲 𝗻𝗼𝘁 “𝘁𝗵𝗲𝗿𝗲” 𝘆𝗲𝘁 𝘄𝗶𝘁𝗵 𝗻𝗮𝘁𝗶𝘃𝗲 𝗺𝗼𝗯𝗶𝗹𝗲. LLMs integrated into IDEs seem to be increasingly helpful with backend, fullstack, web and even cross-platform (React Native / Expo) projects. However, Reddit’s mobile team shared that they get a moderate boost from the Apple and Android Studio LLM additions. Native mobile development is distinctively different from web, fullstack and backend coding – and it seems that these IDEs with AI functionality have not done much to optimize for the expereince of native mobile engineers. Over time, this will likely change – but it’s a reminder that there are differences between fullstack, backend and native mobile development.(I wrote a book reflecting on more of the challenges unique to native mobile titled Building Mobile Apps at Scale)

Here are a few things you probably did not know about Reddit's iOS and Android apps: they are ~2.5M lines of code each, with 500+ screens, and a total of 200 native mobile engineers work on the both of them (including a dedicated iOS and Android mobile platform team) But a few years ago, things looked very different - and Reddit quietly rebuilt their native apps from 2021. Today's conversation goes through what happened and how, with three engineers from Reddit’s mobile platform team who led this work: Lauren Darcey (Head of Mobile Platform), Brandon Kobilansky (iOS Platform Lead), and Eric Kuck (Principal Android Engineer) Watch or listen: • YouTube: • Spotify: • Apple: --- Brought to you by: • Graphite (we've moved to @graphite) — The AI developer productivity platform • Sentry — Error and performance monitoring for developers. Get 150k errors (three months of Team Plan) for free at --- Three of my takeaways from this episode: 𝟭. 𝗣𝗼𝗼𝗿 𝗱𝗲𝘃𝗲𝗹𝗼𝗽𝗲𝗿 𝗲𝘅𝗽𝗲𝗿𝗶𝗲𝗻𝗰𝗲 𝗰𝗮𝗻 𝘀𝗹𝗼𝘄 𝗱𝗼𝘄𝗻 𝗮 𝗰𝗼𝗺𝗽𝗮𝗻𝘆 – 𝘀𝗼 𝗽𝗮𝘆 𝗮𝘁𝘁𝗲𝗻𝘁𝗶𝗼𝗻! One of the reasons Reddit started investing heavily in modernizing its mobile stack was that the “old stack” was slowing down developers. Reddit’s platform team got proof of this simply by asking native engineers about the biggest development-related challenges they face. 𝟮. 𝗣𝗹𝗮𝘁𝗳𝗼𝗿𝗺 𝗲𝗻𝗴𝗶𝗻𝗲𝗲𝗿𝗶𝗻𝗴 𝗶𝘀 𝗵𝗮𝗿𝗱 𝘄𝗼𝗿𝗸. Advice from Brandon for anyone looking to work on a platform team: "You should try to work at a tech company for a year or two and actually see what happens after you ship a system — and then the assumptions change! You then have to figure out how to keep this thing going. You get a bunch of software design intuition because you have to like re-evaluate your assumptions for an incredibly long time. If you can do that, you're probably ready for platform stuff." 𝟯. 𝗚𝗲𝗻𝗔𝗜 𝗰𝗼𝗱𝗶𝗻𝗴 𝘁𝗼𝗼𝗹𝘀 𝗳𝗲𝗲𝗹 𝗹𝗶𝗸𝗲 𝘁𝗵𝗲𝘆 𝗮𝗿𝗲 𝗻𝗼𝘁 “𝘁𝗵𝗲𝗿𝗲” 𝘆𝗲𝘁 𝘄𝗶𝘁𝗵 𝗻𝗮𝘁𝗶𝘃𝗲 𝗺𝗼𝗯𝗶𝗹𝗲. LLMs integrated into IDEs seem to be increasingly helpful with backend, fullstack, web and even cross-platform (React Native / Expo) projects. However, Reddit’s mobile team shared that they get a moderate boost from the Apple and Android Studio LLM additions. Native mobile development is distinctively different from web, fullstack and backend coding – and it seems that these IDEs with AI functionality have not done much to optimize for the expereince of native mobile engineers. Over time, this will likely change – but it’s a reminder that there are differences between fullstack, backend and native mobile development.(I wrote a book reflecting on more of the challenges unique to native mobile titled Building Mobile Apps at Scale)

Gergely Orosz

67,275 views • 1 year ago

Apple Maps 3d is insanely impressive now (see video below) Google on the other hand decided to build an insanely clunky solution to display 3d maps to avoid using mobile GPUs: A Google server streams (!) a live video of its 3d rendered map to you, the result is a disastrous: a super laggy and clunky 3d view full of video compression artefacts with a response time of 2-3 seconds for every movement And I know WHY they built that, someone felt it was not inclusive to only have 3d maps that are high performing on iOS because Apple's GPUs are insanely fast and can deal with it (as you can see below in Apple Maps) but they wanted to support inferior phones, I get it But then they also decided to worsen the experience for iOS users who could easily run 3d natively on its GPU It's just an insane product decision, there's no way to cut it: they could have super smooth 3d like Apple Maps but neutered it with a clunky live stream Even more insane because Google does have native 3d on iOS in a completely different app that nobody uses: Google Earth Is 3d important? Not rly for nav no but it shows again something about Google's engineering decisions, like the redesign of the Google OAuth Login screen that made zero sense Nobody is speaking up against bad ideas in Google meetings, everyone's too scared of HR maybe, it's the opposite of a meritocracy and it's just super visible from using Google products right now

Apple Maps 3d is insanely impressive now (see video below) Google on the other hand decided to build an insanely clunky solution to display 3d maps to avoid using mobile GPUs: A Google server streams (!) a live video of its 3d rendered map to you, the result is a disastrous: a super laggy and clunky 3d view full of video compression artefacts with a response time of 2-3 seconds for every movement And I know WHY they built that, someone felt it was not inclusive to only have 3d maps that are high performing on iOS because Apple's GPUs are insanely fast and can deal with it (as you can see below in Apple Maps) but they wanted to support inferior phones, I get it But then they also decided to worsen the experience for iOS users who could easily run 3d natively on its GPU It's just an insane product decision, there's no way to cut it: they could have super smooth 3d like Apple Maps but neutered it with a clunky live stream Even more insane because Google does have native 3d on iOS in a completely different app that nobody uses: Google Earth Is 3d important? Not rly for nav no but it shows again something about Google's engineering decisions, like the redesign of the Google OAuth Login screen that made zero sense Nobody is speaking up against bad ideas in Google meetings, everyone's too scared of HR maybe, it's the opposite of a meritocracy and it's just super visible from using Google products right now

@levelsio

1,489,214 views • 2 years ago

$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!$

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 views • 1 month ago

Cyril Stober is trending because the Nigerian News Broadcasting Icon, will be the next guest on Chude’s podcast. Cyril Stober, popular for this unique dressing was the anchor of NTA news @ 9, NTA Primetime news, Weekend File, Tuesday Live and other programs for more than 30yrs. In 2015, he retired, but came back out of retirement and retired in 2019. Came back out, again for passion. He still works with NTA as a producer, - this isn’t fully authenticated. After a failed first marriage to ex-broadcaster also with the NTA, Efun Merriman-Johnson, in 2018 he found love again with another colleague Elizabeth Banu. The name Cyril Stober is a Sierra Leonean nam. Due to his strong commutation skills, he started broadcasting in Minna, then NTA Minna, from where he landed the NTA News @ 9 role and moved to Abuja. And the rest, is a fairytale story. Nigerian are anticipating the podcast, mostly to hear about how he married two colleagues. Chude didn’t specify when it will be released. “Good evening I am Cyril Stober, and this is NTA news.” Fraud Proof Estate Vending - Vendr Utilities — | iOS, Android, Web •

Cyril Stober is trending because the Nigerian News Broadcasting Icon, will be the next guest on Chude’s podcast. Cyril Stober, popular for this unique dressing was the anchor of NTA news @ 9, NTA Primetime news, Weekend File, Tuesday Live and other programs for more than 30yrs. In 2015, he retired, but came back out of retirement and retired in 2019. Came back out, again for passion. He still works with NTA as a producer, - this isn’t fully authenticated. After a failed first marriage to ex-broadcaster also with the NTA, Efun Merriman-Johnson, in 2018 he found love again with another colleague Elizabeth Banu. The name Cyril Stober is a Sierra Leonean nam. Due to his strong commutation skills, he started broadcasting in Minna, then NTA Minna, from where he landed the NTA News @ 9 role and moved to Abuja. And the rest, is a fairytale story. Nigerian are anticipating the podcast, mostly to hear about how he married two colleagues. Chude didn’t specify when it will be released. “Good evening I am Cyril Stober, and this is NTA news.” Fraud Proof Estate Vending - Vendr Utilities — | iOS, Android, Web •

Trending Explained

14,672 views • 1 year ago

X Calls: X is getting ready to launch X Calls, a full group meeting solution similar to Zoom or Google Meet. You can start an instant call, create one for later sharable via a link or code, or you can schedule one with title, description, invitees, and time. Link Google Calendar and Microsoft Teams so you can see when people are free. When you join one, you get a lobby with camera and mic checks then can jump right in to a experience similar to xchat calls but with awesopme upgrades like reactions, custom backdrops, interactive whiteboard, live chat, and more! ( check my last video below) Seems to be live now in Beta now and you can access it at . Anyone can Join on web, Android, and iOS. Move over Zoom. See ya Google Meet. X Calls is stacking up fast. This is Amazing work by Zach Warunek and team! It also uses a brand new backend built in-house that no longer relies on the old Periscope code that current xchat calls and Spaces uses. ( something that always hindered further development ) I hope this means spaces will get a future upgrade based on this as well! Still not sure if this will be availible to everyone or Verified Orginizations only, I hope we can all use this amazing tool!

️

52,956 views • 22 days ago