正在加载视频...

视频加载失败

🌟 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👇

77,018 次观看 • 1 年前 •via X (Twitter)

11 条评论

Saúl Sharma 的头像
Saúl Sharma1 年前

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 Sharma 的头像
Saúl Sharma1 年前

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

Saúl Sharma 的头像
Saúl Sharma1 年前

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 Sharma 的头像
Saúl Sharma1 年前

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 Sharma 的头像
Saúl Sharma1 年前

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 Sharma 的头像
Saúl Sharma1 年前

Desktop version isn’t bad either🤠

RedDeer.Games IR 的头像
RedDeer.Games IR1 年前

🚀 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 Paucar 的头像
Brayan Paucar1 年前

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 Sharma 的头像
Saúl Sharma1 年前

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

Evan Bacon 🥓 的头像
Evan Bacon 🥓1 年前

This is amazing 🤩 bravo!

Saúl Sharma 的头像
Saúl Sharma1 年前

Thanks Evan! 🤜

相关视频

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,242 次观看 • 1 年前

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,225 次观看 • 1 年前

QVAC SDK 0.12.0 is now live, bringing longer context, increased memory optimisation, new modalities, and broader ecosystem support directly to your device. Key Features and Updates: - TurboQuant KV-Cache Quantization: Fit much longer context in the same memory. TurboQuant, an algorithm from Google Research, compresses the KV cache by up to 5x, near-lossless. - Text-to-Video: Generate video from a text prompt, fully local, with the new wan2.1 model in the Diffusion addon - Apple Metal Performance for Flux2-klein: Diffusion on Apple Silicon now matches MLX performance, the native benchmark for Apple GPUs - Robot Control (new VLA addon): A GGML-based Vision-Language-Action addon brings fast, efficient robot control to edge devices - Coding Assistant / Harness Support: QVAC now works with OpenCode and OpenClaw as a local provider. A new @qvac/ai-sdk-provider package automates model registry and provider integration - Cross-Platform Voice: Text-to-speech and Parakeet transcription moved from ONNX to the GGML engine for better CPU and GPU support on macOS, iOS, Windows, Linux, and Android. Parakeet also adds long-term streaming diarization (tracking who spoke when on live audio) - Faster Lightweight Visual Classification: A new GGML-based Classification addon delivers millisecond-level classification, useful where a vision-language model (VLM) would be unnecessarily slow - Under the Hood: Fabric synced to llama.cpp v8828 (from v8189), plus GPU acceleration added to image-upscale models for faster results Full release notes:

QVAC

9,932,369 次观看 • 1 个月前