# React Native React Native is a JavaScript framework for building native applications for Android, iOS, and other platforms using React. This is one page of public article previews, not the complete archive. Follow Next page to continue. Summaries are not the original full articles. ## Shopify Drops React Native for Swift and Kotlin as AI Changes Cross-Platform Development Tradeoffs DevFeed: [Shopify Drops React Native for Swift and Kotlin as AI Changes Cross-Platform Development Tradeoffs]() Original publisher: [Read original article]() Author: Bruno Couriol Published: 2026-09-16T12:45:00Z Content type: news Language: en Sources: [InfoQ]() Topics: [React Native](), [Shopify](), [Mobile](), [cross-platform](), [Kotlin](), [Swift](), [AI Models]() Tags: [ai](), [ai-coding](), [android](), [apple](), [cross-platform](), [declarative](), [development](), [kotlin](), [mobile](), [news](), [react-native](), [shopify](), [shopify-drops-react-native](), [swift](), [web-development]() ### AI overview Shopify is rewriting its flagship mobile apps in Swift and Kotlin after reassessing React Native. The decision followed the expected work to adopt React Native's New Architecture and improvements in AI coding models, which Shopify said made a clean-slate native rewrite more attractive than migration. ### Source excerpt Shopify recently announced it is abandoning React Native to rewrite its flagship apps in Swift and Kotlin. With the significant jump in the quality of AI models, Head of Mobile Mustafa Ali reassessed Shopify's commitment to React Native, estimating that the benefit/cost ratio of maintaining native codebases across mobile platforms was now above that of using an abstraction layer. By Bruno Couriol ## Our Transition to React Native DevFeed: [Our Transition to React Native]() Original publisher: [Read original article]() Author: Khan Academy Published: 2020-07-09T22:00:00Z Content type: opinion Language: en Sources: [Khan Academy]() Topics: [React Native](), [Android](), [iOS](), [Mobile](), [React]() Tags: [android](), [android-apps](), [architectures](), [backend](), [bridge](), [business-logic](), [change](), [code](), [engineering](), [ios](), [mobile](), [news](), [react-native]() ### AI overview Khan Academy describes completing its transition to React Native for its iOS and Android apps. The article explains why the team moved away from separate platform codebases and outlines the transition's exploration, straddling, and extinction phases. ### Source excerpt In 2017, Khan Academy started using React Native in our iOS and Android apps. As of this year, we've reached a big milestone: our transition to React Native is complete! Every screen in the app is rendered in React Native. ## Migrating to a Mobile Monorepo for React Native DevFeed: [Migrating to a Mobile Monorepo for React Native]() Original publisher: [Read original article]() Author: Khan Academy Published: 2017-05-29T22:00:00Z Content type: tutorial Language: en Sources: [Khan Academy]() Topics: [monorepo](), [React Native](), [Mobile](), [Submodules](), [Android](), [iOS](), [pull-requests](), [Jenkins]() Tags: [also](), [android](), [engineering](), [ios](), [jenkins](), [mobile](), [monorepo](), [news](), [react-native](), [submodules]() ### AI overview Khan Academy describes moving its React Native-related iOS and Android repositories from separate repositories and submodules into a single mobile monorepo. The change was intended to reduce synchronization problems, coordinate bridge changes across platforms, make pull requests and reviews more coherent, and simplify verification between codebases. The article also outlines repository-merging steps and anticipated trade-offs. ### Source excerpt By Jared Forsyth Over the past few months, we've been adding some React Native to our existing iOS ... Read more ## Native is now the future of mobile at Shopify DevFeed: [Native is now the future of mobile at Shopify]() Original publisher: [Read original article]() Author: Simon Willison Published: 2026-09-10T21:11:15Z Content type: opinion Language: en Sources: [Simon Willison's Weblog]() Topics: [Mobile](), [React Native](), [Shopify](), [AI-assisted coding](), [Kotlin](), [Swift](), [Open Source](), [Android](), [Generative AI](), [iOS]() Tags: [ai](), [ai-2-236](), [ai-assisted-search](), [ai-assisted-search-36](), [android](), [android-14](), [coding-agents](), [coding-agents-248](), [generative-ai](), [generative-ai-1-982](), [ios](), [ios-26](), [kotlin](), [llms](), [llms-1-948](), [mobile](), [mobile-41](), [open-source](), [open-source-320](), [react](), [react-43](), [react-native](), [shopify](), [shopify-8](), [swift](), [swift-12]() ### AI overview Shopify is moving its mobile apps from React Native back to separate Swift and Kotlin codebases. The article explains that AI agents can now handle enough implementation, translation, testing, and review work to reduce the cost of maintaining separate platforms. It also notes the planned relocation or archival of Shopify's React Native libraries. ### Source excerpt Native is now the future of mobile at Shopify Shopify are moving from React Native back to separate Swift and Kotlin codebases for their native apps, for the exact reason you would expect: We decided to switch from native to React Native in 2020 for three reasons: Stop building the same features twice Allow developers to work across the stack Spend less time chasing feature parity and more time shipping value [...] Native still means building and maintaining software on two platforms, that cost has not disappeared. What changed is that agents can now do enough of the implementation, translation, testing, and review work that it's no longer the deciding factor it was in 2020. It's a well-written post, which gives full credit to React Native as a great platform for the six years they were using it. Shopify are the maintainers of three significant React Native libraries: react-native-skia, flash-list, and restyle. The first two are finding new homes; the third "has a smaller user base than our other libraries" and will be archived at the end of 2026. Via Hacker News Tags: android, mobile, open-source, ios, ai, react, generative-ai, llms, ai-assisted-search, coding-agents, swift, shopify ## Native is now the future of mobile at Shopify DevFeed: [Native is now the future of mobile at Shopify]() Original publisher: [Read original article]() Author: Mustafa Ali Published: 2026-09-10T12:25:28Z Content type: article Language: en Sources: [Shopify Engineering](), [Shopify Engineering - Shopify Engineering]() Topics: [React Native](), [AI-assisted coding](), [Large Language Model](), [iOS]() Tags: [agents](), [android](), [apps](), [coding](), [kotlin](), [llms](), [mobile](), [models](), [react-native](), [shopify](), [swift]() ### AI overview Shopify is moving from React Native back to native Swift and Kotlin development after finding that coding agents and LLMs reduce the cost of implementing mobile features separately on each platform. ### Source excerpt Coding agents changed what it costs to build mobile apps twice. Here's why Shopify is moving from React Native back to Swift and Kotlin. ## AI-assisted migration from Enzyme to React Testing Library DevFeed: [AI-assisted migration from Enzyme to React Testing Library]() Original publisher: [Read original article]() Author: Ivan Klaric Published: 2026-08-27T18:04:54Z Content type: article Language: en Sources: [The Pragmatic Engineer]() Topics: [Testing](), [migration](), [testing-library](), [Artificial Intelligence](), [OpenAI](), [codex](), [React Native]() Tags: [ai](), [codex](), [migration](), [migrations](), [openai](), [react](), [testing](), [testing-library]() ### AI overview The article examines Asana's migration from Enzyme to React Testing Library and discusses how AI-assisted coding, including OpenAI Codex, may make large testing-system migrations more practical. It compares the different testing approaches and syntax used by the two libraries. ### Source excerpt Asana migrated off testing framework Enzyme in two weeks: without AI, this work would surely have been kicked down the road. Airbnb and Uber share similar stories and AI seems excellent at migrations. ## How we raised mobile end-to-end test stability to 98% DevFeed: [How we raised mobile end-to-end test stability to 98%]() Original publisher: [Read original article]() Author: Michael Garfinkle Published: 2026-08-12T20:02:35Z Content type: article Language: en Sources: [Shopify Engineering](), [Shopify Engineering - Shopify Engineering]() Topics: [ci](), [React Native](), [App](), [Pull Request](), [User Experience]() Tags: [app](), [ci](), [computer-vision](), [mobile](), [pull-request](), [react-native](), [testing](), [user-experience]() ### AI overview Shopify rebuilt its mobile end-to-end testing framework with a strict builder-style API and computer vision. The approach raised test stability from 50% to 98% and restored reliable blocking checks for pull requests. ### Source excerpt We rebuilt our mobile end-to-end testing framework with a strict API and computer vision, raising test stability drastically. ## Maestro MCP for AI Coding Agents DevFeed: [Maestro MCP for AI Coding Agents]() Original publisher: [Read original article]() Author: Ashish Kharche Published: 2026-07-06T00:00:00Z Content type: tutorial Language: en Sources: [mobile.dev - Medium]() Topics: [Model Context Protocol (MCP)](), [AI-assisted coding](), [Android skills](), [Claude Code](), [cursor](), [codex](), [React Native](), [Android](), [Flutter](), [iOS](), [Web](), [Command-line interface]() Tags: [ai-coding-agents](), [android](), [claude-code](), [cli](), [code](), [codex](), [coding-agents](), [cursor](), [emulator](), [flutter](), [ios](), [maestro](), [mcp](), [simulator](), [ui](), [web]() ### AI overview Maestro MCP connects coding agents to live iOS and Android targets, allowing them to inspect screens, run UI flows, take screenshots, and report what happened within the coding conversation. The article explains setup with the Maestro CLI and MCP, and describes using Maestro Viewer for human observation. ### Source excerpt Give your coding agent a real device. With Maestro MCP, agents like Claude Code, Cursor, and Codex can operate your live app, run flows, and check the UI without leaving the chat. ## Speaker Available for a React Native Mobile Testing Framework Talk DevFeed: [Speaker Available for a React Native Mobile Testing Framework Talk]() Original publisher: [Read original article]() Author: T.J. Maher (noreply@blogger.com) Published: 2026-05-30T00:22:04Z Content type: article Language: en Sources: [T.J. Maher]() Topics: [Mobile Testing](), [React Native](), [TypeScript](), [Automation]() Tags: [automation](), [meetup](), [mobile-testing](), [react-native](), [testing](), [typescript]() ### AI overview The author is seeking opportunities to volunteer a presentation on building a React mobile automated test framework using Detox and TypeScript for software testing meetups. ### Source excerpt Are any software testing Meetups looking for a speaker? I have a talk, all ready to go! After surviving the first round of layoffs last December, I scrambled to organize my research notes on building a mobile automation framework into a presentation. I managed to finish it days before I was hit by the second round of layoffs at the end of this January. So far, I have given my presentation, Building a React Mobile Automated Test Framework Using Detox + TypeScript to: TestGuild.com Automation Guild 2026 via Zoom (4/6/2026) Software Quality Group of New England ( SQGNE ) @ SCRUM.org, Burlington, MA - https://tinyurl.com/detox-demo-sqgne (5/20/2026) Sydney Testers Meetup via Zoom (scheduled on 6/30/2026) Two Questions: If I give a talk to a software testing Meetup in Australia via Zoom, even though I never left my home office in Massachusetts, would I be considered an "International Speaker"? Does anyone else want me to volunteer to speak at their software testing meetup? The SQGNE season is ending for the summer, so I will have some time available. Happy Testing! -T.J. Maher Software Engineer in Test BlueSky | YouTube | LinkedIn | Articles ## BrowserStack Newsletter April 2026 DevFeed: [BrowserStack Newsletter April 2026]() Original publisher: [Read original article]() Author: Devanshi Jain Published: 2026-05-26T10:50:54Z Content type: article Language: en Sources: [BrowserStack Blog]() Topics: [Testing](), [Software Testing](), [Automation](), [Accessibility](), [Flutter](), [React Native](), [WebView](), [Selenium](), [Figma]() Tags: [accessibility](), [ai](), [browser](), [event](), [features](), [flutter](), [newsletter](), [product](), [react-native](), [report](), [software-testing]() ### AI overview BrowserStack's April 2026 newsletter covers Breakpoint 2026 content, a report on AI in software testing, and product updates across App Automate, Percy, Website Scanner, and Accessibility. Updates include expanded framework support, improved CI debugging and visual comparison workflows, broader authentication testing, WCAG 2.2 AA coverage, partial-page scanning, and Safari support. ### Source excerpt Read what's new at BrowserStack in April 2026 - New launches, product features, and more! ## SQGNE Lecture is tonight! Building a React Native Mobile Automated Test Framework with T.J. Maher DevFeed: [SQGNE Lecture is tonight! Building a React Native Mobile Automated Test Framework with T.J. Maher]() Original publisher: [Read original article]() Author: T.J. Maher (noreply@blogger.com) Published: 2026-05-20T14:12:23Z Content type: article Language: en Sources: [T.J. Maher]() Topics: [Mobile Testing](), [React Native](), [Testing](), [CI/CD](), [TypeScript](), [GitHub Actions]() Tags: [ci-cd](), [github-action](), [mobile-testing](), [react-native](), [sqgne](), [test-automation](), [testing](), [typescript]() ### AI overview The article announces a Software Quality Group of New England lecture on building an automated testing framework for React Native mobile applications. It describes using Wix's Detox to address loading, animation, timing, and test flakiness issues, with examples covering refactoring, maintainability, and CI/CD testing on iOS simulators and Android emulators. ### Source excerpt Are you in Boston? Come hear me talk about Building a a React Native Mobile Automated Test Framework in tonight's Software Quality Group of New England meeting in Burlington, MA: Registration Page: https://sqgne.org/n-May-2026.html Slide Deck: https://tinyurl.com/detox-demo-sqgne Taken from the Registration page: "Building a React Native Mobile Automated Test Framework Thomas F. - T.J. - Maher, Jr. "Wednesday May 20, 2025 6:30-8:00 PM - in person (free pizza!) Register Here "Check in between 6:00 and 6:30 to network "About the Presentation. . . "Writing automated tests for a React Native mobile application is notoriously difficult. Mobile components display on the page, but are not fully loaded. Lengthy animations and slow-loading components take a while to finish. Timing issues cause your automated tests to error out giving the appearance of flaky tests. "Thomas F. - T.J. - Maher, Jr. will be sharing his experience tackling these problems using the open-source mobile testing framework, Wix's Detox, designed specifically for testing React Native applications. "Setting up a mobile test automation framework. "Vibe-coding a toy React Mobile Login page app to test against ( tinyurl.com/detox-demo ). "How to reduce timing issues and flakiness in automated tests. "Refactoring code into tests, page objects & base pages, separating out credentials and message strings for easier maintainability. "Setting up automated tests in CI / CD for iOS simulators and Android emulators with GitHub Action Workflows. "How developers can test their code before they push it into the main branch". About the Speaker. . . "A former organizer of Ministry of Testing - Boston, Thomas (T.J.) Maher is a Software Development Engineer in Test (SDET) based in the Boston/South Shore area of Massachusetts, with a decade of experience building web + mobile test automation frameworks. His recent work includes architecting a mobile automation framework from the ground up using Detox and TypeScript for a Re ## How to Add Payments to an Expo / React Native App DevFeed: [How to Add Payments to an Expo / React Native App]() Original publisher: [Read original article]() Author: Aarthi Poonia Published: 2026-03-24T00:00:00Z Content type: tutorial Language: en Sources: [Dodo Payments Blog]() Topics: [Expo](), [React Native](), [Software as a service](), [API keys](), [API](), [Mobile]() Tags: [android](), [api-keys](), [digital-wallet](), [how-to](), [ios](), [merchant-of-record](), [mobile](), [payments](), [react-native]() ### AI overview This tutorial explains how to add Dodo Payments checkout links to an Expo or React Native mobile app. It covers using an external web checkout for SaaS and digital services, configuring the backend, protecting secret API keys, and handling deep links after payment. ### Source excerpt Learn how to add payments to your Expo or React Native app using Dodo Payments and WebBrowser.openBrowserAsync() to avoid the 30% app store fee for SaaS products. ## Vercel Open Source Program: Winter 2026 cohort DevFeed: [Vercel Open Source Program: Winter 2026 cohort]() Original publisher: [Read original article]() Author: Alli Pope Published: 2026-03-17T13:00:00Z Content type: article Language: en Sources: [Vercel News]() Topics: [Open Source](), [Vercel](), [online privacy](), [OpenAPI Specification](), [React](), [React Native](), [Shadcn UI](), [Web](), [Android](), [Canvas](), [Framer Motion](), [Large Language Model]() Tags: [2025](), [agents](), [ai](), [ai-agents](), [android](), [browser](), [components](), [framer](), [hub](), [llm](), [online-privacy](), [open-source](), [openapi](), [react-native](), [scale](), [svelte](), [vercel](), [vue]() ### AI overview Vercel introduces the winter 2026 cohort of its Open Source Program, highlighting projects that receive resources, credits, and support. The cohort includes tools and projects spanning AI-native applications, developer infrastructure, design systems, creative tooling, privacy, Android connectivity, and web development. ### Source excerpt In April, we launched the Vercel Open Source Program to give maintainers the resources, credits, and support they need to ship faster and scale confidently. The first group joined through our spring 2025 cohort. Today we are welcoming the winter 2026 cohort. From AI-native apps and developer infrastructure to design systems and creative tooling, open source builders continue to amaze us. Meet the creators and explore their projects. Winter 2026 Cohort Answer Overflow Answer Overflow is an open source project that makes the content sent in public Discord servers accessible to search engines and AI agents. Over 300+ communities use Answer Overflow to create web pages from their Discord content and it serves 1.5 million monthly active users. Creator: Rhys Sullivan View the project View GitHub Repository UI TripleD UI TripleD offers UI blocks, components, and full pages in shadcn/ui and Base UI, powered by Framer Motion, with a Landing Builder, Background Builder, and Grid Generator. Creator: Moumen Soliman View the project View GitHub repository hot-updater An open source React Native OTA (Over-The-Air) update solution built as a modern alternative to CodePush, designed to avoid vendor lock-in and work across many infrastructure providers. Creator: Kang Sungyu View the project View GitHub repository Screenshot Studio Screenshot Studio is an open source, fully in-browser canvas editor for creating high-quality visual designs without installs or backend dependencies, with real traction and an active contributor community. Creator: Kartik Labhshetwar View the project View GitHub repository Takumi JSX -> Image. A next/og alternative with more advanced features, with growing adoption across companies and open source projects. Creator: Kane Wang View the project View GitHub repository APIs.guru A directory and tooling hub for OpenAPI definitions of public APIs, used by thousands of developers and increasingly by LLM-driven workflows. Creator: Ivan Goncharov View the project V ## Bringing Lighthouse to the App: Building Performance Metrics for React Native DevFeed: [Bringing Lighthouse to the App: Building Performance Metrics for React Native]() Original publisher: [Read original article]() Author: Ben Cripps Published: 2026-03-03T19:13:53Z Content type: article Language: en Sources: [Indeed]() Topics: [React Native](), [Mobile](), [benchmarking](), [Core Web Vitals](), [Google]() Tags: [app-performance](), [core-web-vitals](), [google](), [metrics](), [mobile](), [performance](), [react-native](), [time-to-interactive](), [unsorted]() ### AI overview Indeed describes an open-source React Native repository for measuring Lighthouse-style performance metrics in mobile apps. The article explains adapting Core Web Vitals concepts to React Native, including Time to First Frame and Time to Interactive, to assess screen loading and interaction readiness. ### Source excerpt At Indeed we've open sourced a new React Native repository which makes it simple to measure Lighthouse scores in your mobile apps. We think it will help other organizations better measure their app performance, especially for companies similar to Indeed who are transitioning from a web-first to an app-first approach. You can check out the [...] ## The React Foundation: A New Home for React Hosted by the Linux Foundation DevFeed: [The React Foundation: A New Home for React Hosted by the Linux Foundation]() Original publisher: [Read original article]() Author: Matt Carroll Published: 2026-02-24T00:00:00Z Content type: article Language: en Sources: [React Blog]() Topics: [React](), [React Native](), [Linux](), [Meta](), [amazon](), [Microsoft](), [Vercel]() Tags: [amazon](), [announcement](), [building](), [community](), [contributors](), [developers](), [ecosystem](), [linux](), [meta](), [microsoft](), [pull-request](), [react](), [vercel]() ### AI overview The React Foundation has officially launched as an independent foundation hosted by the Linux Foundation. React, React Native, and supporting projects such as JSX are moving from Meta ownership to the new foundation, with founding members including Amazon, Expo, Huawei, Meta, Microsoft, Software Mansion, and Vercel. ### Source excerpt The React Foundation has officially launched, hosted by the Linux Foundation. ## Introducing React Native Bindings for Turso DevFeed: [Introducing React Native Bindings for Turso]() Original publisher: [Read original article]() Author: Nikita Sivukhin Published: 2026-01-29T00:00:00Z Content type: release Language: en Sources: [Turso Blog]() Topics: [React Native](), [Turso](), [SQLite](), [Cloud](), [Android](), [iOS](), [TypeScript](), [API]() Tags: [android](), [apis](), [cloud](), [ios](), [offline](), [on-device](), [react-native](), [sqlite](), [sync](), [turso](), [typescript]() ### AI overview Turso announces official React Native bindings that combine an embedded SQLite-compatible database with optional bidirectional sync to Turso Cloud. The package targets on-device use on iOS and Android, while keeping asynchronous network and SDK logic in TypeScript. ### Source excerpt Our new React Native bindings ship Turso's embedded SQLite database, encryption, vector search, and bidirectional Turso Cloud sync to iOS and Android. ## Artsy Mobile 2025 Wrapped DevFeed: [Artsy Mobile 2025 Wrapped]() Original publisher: [Read original article]() Published: 2026-01-09T00:00:00Z Content type: article Language: en Sources: [Artsy]() Topics: [React Native](), [Expo](), [Mobile](), [Tech Debt](), [migration]() Tags: [android](), [ios](), [migration](), [mobile](), [mobile-apps](), [react-native](), [tech-debt]() ### AI overview Artsy reviews 2025 improvements to its mobile apps, including adopting Expo, moving all apps to React Native's new architecture, refactoring navigation, and addressing legacy code and technical debt. ### Source excerpt The past year has been an exciting one for our mobile apps (Artsy, Folio and Palette Mobile) and we started to finally get closer to where we want to be: High-performing and developer-friendly React Native applications, enabling rapid feature iteration and a superior user experience. We would like to share with you some of the improvements we made that might also be applicable to your react-native app. Infra Expo! At the end of 2024, after RFC: Trial Expo in Energy and/or Palette-Mobile, Spike on Eigen Risks, Rewards and Effort, we decided that we are giving Expo a try. Quickly afterwards, we added Expo with Prebuild on 2 out of 3 of our Apps: The CMS App, named Folio and our design system app, named Palette-Mobile. For our main app, Eigen, adding expo sdk happened faster than we thought after Microsoft decided to retire VS App Center. We needed an alternative for code-push, and we settled for Expo over-the-air updates. Eigen still has a lot of native code blocking us from fully migrating to Continue Native Generation (CNG) and sometimes conflicting with Expo. However, our experience from Energy and Palette-mobile has been positive so far and we could imagine CNG in Eigen! We will definitely share more about this if it happens. The new architecture Yes! We did it, all our apps are on the new architecture now. Expect a blog post about this! Tech Debt Eigen is an old repo, it's probably one of the oldest react-native apps out there. This comes with a price though. The industry changed a lot in the past years and a lot of the legacy code can now be rewritten using modern patterns more easily (and efficiently). To address that, we identified some weaknesses we had and prioritised them and decided to address them. Some notable mentions here include: Refactor our navigation Not long ago, it was hard for us to imagine our navigation infra all handled in react-navigation. But with more and more screens being rewritten in react-native and RN becoming more performant, it actu ## Introducing the ESP RainMaker Phone App Development Kit DevFeed: [Introducing the ESP RainMaker Phone App Development Kit]() Original publisher: [Read original article]() Author: John Lee Published: 2025-12-02T00:00:00Z Content type: release Language: en Sources: [Blog on Developer Portal]() Topics: [Esp Rainmaker](), [SDK](), [React Native](), [Mobile](), [TypeScript](), [cross-platform](), [Espressif](), [Cloud]() Tags: [blog](), [cloud](), [cross-platform](), [esp-rainmaker](), [espressif](), [mobile](), [phone-app](), [rainmaker](), [react-native](), [sdk](), [typescript]() ### AI overview Espressif announces the ESP RainMaker Phone App Development Kit, combining a cross-platform TypeScript SDK, Central Data Framework, and React Native reference app. The kit is intended to help developers build branded mobile applications with customizable interfaces and workflows while using ESP RainMaker infrastructure for device management and secure communication. ### Source excerpt Espressif announces the ESP RainMaker Phone App Development Kit, a comprehensive cross-platform toolkit combining a TypeScript SDK, Central Data Framework (CDF), and React Native reference app. This production-ready kit enables developers to rapidly build branded mobile applications with customisable UI and workflows, whilst leveraging Espressif's robust RainMaker cloud infrastructure for device management and secure communication. ## Nativewind: Speeding up Styling in React Native DevFeed: [Nativewind: Speeding up Styling in React Native]() Original publisher: [Read original article]() Author: Jack Rosa Published: 2025-11-13T14:00:00Z Content type: tutorial Language: en Sources: [Hashrocket]() Topics: [React Native](), [Tailwind CSS](), [Mobile](), [Expo](), [Babel](), [Prettier]() Tags: [babel](), [css](), [init](), [install](), [mobile](), [react](), [react-native](), [tailwind](), [tailwind-css](), [tailwindcss]() ### AI overview A tutorial on using NativeWind to style React Native applications with Tailwind CSS classes. It explains NativeWind's runtime or Babel-plugin compile-time translation into React Native styles, and covers setup with Expo, Tailwind configuration, a global CSS file, and Babel. ### Source excerpt How Nativewind can speed up your React Native Development If you're anything like me, after working on a few web projects with Tailwind, it can feel like a drag to return to stacks that use other styling libraries. Tailwind has become, for myself, and many other developers, a standard styling paradigm. When starting my most recent React Native project, I was relieved to find out that NativeWind exists. NativeWind is exactly what is sounds like: Tailwind Classes in React Native. I can attest to the breeziness of writing an entire native app without a single call to StyleSheet.create. It's Familiar Nativewind takes the familiar classes of Tailwind CSS directly to your React Native components. Virtually every* class from Tailwind CSS can be used the exact same way on your mobile app (and the web), and the development results end up being faster iteration, less translating, and components that feel more readable and maintainable. Let's look at how to set it up NativeWind translates Tailwind class names into React Native styles at runtime or compile-time, if you use the Babel plugin. You end up with the the same composable mindset of Tailwind, but the output is just React Native styles. The setup is simple enough, for my latest project we used expo: npx expo install nativewind react-native-reanimated@~3.17.4 react-native-safe-area-context@5.4.0 npx expo install --dev tailwindcss@^3.4.17 prettier-plugin-tailwindcss@^0.5.11 Now to generate a tailwind config, run: npx tailwindcss init Be sure to include the path to your components in the generated tailwind.config.js file /** @type {import('tailwindcss').Config} */ module.exports = { content: ["./App.tsx", "./components/**/*.{js,jsx,ts,tsx}"], presets: [require("nativewind/preset")], theme: { extend: {}, }, plugins: [], } Next create your global.css file with tailwind's directives @tailwind base; @tailwind components; @tailwind utilities; Then, enable the Babel plugin in babel.config.js: module.exports = function (api) { api ## Hire Me in Japan DevFeed: [Hire Me in Japan]() Original publisher: [Read original article]() Published: 2025-11-11T00:00:00Z Content type: article Language: en Sources: [Dan Abramov]() Topics: [Job](), [JavaScript](), [Software Engineering](), [React](), [React Native](), [TypeScript](), [Bluesky](), [Open Source](), [pull-requests](), [Refactoring](), [Android]() Tags: [android](), [japan](), [javascript](), [new-job](), [open-source](), [pull-requests](), [react](), [react-native]() ### AI overview Dan Abramov is seeking a software engineering role in Japan and a company able to sponsor a working visa. He summarizes his experience with JavaScript and TypeScript, React consulting, contributions to Lean, and work on the Bluesky client app in React Native. ### Source excerpt I'm looking for a new job. ## React Conf 2025 Recap DevFeed: [React Conf 2025 Recap]() Original publisher: [Read original article]() Author: Matt Carroll and Ricky Hanlon Published: 2025-10-16T00:00:00Z Content type: article Language: en Sources: [React Blog]() Topics: [React](), [React Native](), [Compiler](), [developer tooling](), [Document Object Model (DOM)](), [Open Source](), [Artificial Intelligence](), [migration](), [Expo](), [Next.js](), [Vite]() Tags: [2025](), [ai](), [announcements](), [compiler](), [event](), [migration](), [next-js](), [open-source](), [performance](), [profiling](), [react-native](), [recap](), [vite](), [web]() ### AI overview A recap of React Conf 2025 covering React 19.2, Canary features, React Compiler v1.0, the React Foundation, and React Native announcements. It also highlights performance tooling, web compatibility, application migrations, and the growth of React Native. ### Source excerpt Last week we hosted React Conf 2025, in this post, we summarize the talks and announcements from the event... ## React Compiler v1.0 DevFeed: [React Compiler v1.0]() Original publisher: [Read original article]() Author: Lauren Tan, Joe Savona, and Mofei Zhang Published: 2025-10-07T00:00:00Z Content type: release Language: en Sources: [React Blog]() Topics: [Compiler](), [React](), [React Native](), [build performance](), [Expo](), [Next.js](), [Vite]() Tags: [2025](), [case-studies](), [compiler](), [meta](), [production](), [react](), [release](), [v1]() ### AI overview React Compiler 1.0 is released as the first stable version of a build-time compiler that automatically memoizes and optimizes React and React Native components and hooks without requiring rewrites. The release includes compiler-powered lint rules, an incremental adoption guide, and integrations intended to help new apps use the compiler with Expo, Vite, and Next.js. ### Source excerpt We are releasing the compiler's first stable release today. ## Introducing the React Foundation DevFeed: [Introducing the React Foundation]() Original publisher: [Read original article]() Author: Seth Webster, Matt Carroll, Joe Savona Published: 2025-10-07T00:00:00Z Content type: article Language: en Sources: [React Blog]() Topics: [React](), [React Native](), [GitHub](), [ci](), [amazon](), [Meta](), [Microsoft](), [Vercel]() Tags: [2025](), [amazon](), [ci](), [community](), [company](), [corporate](), [developers](), [development](), [ecosystem](), [executive](), [github](), [governance](), [meta](), [microsoft](), [projects](), [react](), [react-native](), [support](), [technical](), [vercel]() ### AI overview React announces plans to create the React Foundation and establish an independent technical governance structure. React and React Native would move from Meta to the new foundation, which would maintain infrastructure, organize React Conf, and support ecosystem projects through initiatives such as grants and financial assistance. ### Source excerpt Today, we're announcing our plans to create the React Foundation a new technical governance structure ## Migrating to React Native's New Architecture DevFeed: [Migrating to React Native's New Architecture]() Original publisher: [Read original article]() Author: Thiago Magalhaes Published: 2025-09-05T20:26:56Z Content type: article Language: en Sources: [Shopify Engineering](), [Shopify Engineering - Shopify Engineering]() Topics: [React Native](), [migration](), [Shopify](), [Architecture & optimization](), [feature flags]() Tags: [architecture-optimization](), [feature-flags](), [migration](), [react-native](), [shopify](), [updates]() ### AI overview Shopify describes migrating Shopify Mobile and Shopify Point of Sale to React Native's New Architecture while continuing weekly releases for millions of merchants. The article explains the migration strategy, including minimizing initial code changes, maintaining compatibility with both architectures, preserving performance and stability, and using dual-architecture testing and feature flags to reduce disruption. ### Source excerpt Shopify successfully migrated two of its largest apps, Shopify Mobile and Shopify Point of Sale (POS) to React Native's New Architecture while maintaining weekly releases and serving millions of merchants. This migration involved a complex codebase with hundreds of screens and native modules, extensive custom components, and deep integration with first-party libraries like FlashList. [Next page]()