Migrating to React Native's new architecture

Nativewind: Utility-First Tailwind CSS Experience for React Native

Something of a common problem in JS&#x2F;TS-land, I&#x27;ve found is that unit tests are expected to be run in a Node.js process. In the past in various projects this approach proved problematic because &quot;environment parity&quot; with the target runtime (browser) couldn&#x27;t be achieved (e.g. no WebRTC[1]). In those projects we resolved this problem by writing our own test runner that could be injected into a headless browser process.So now the same sort of problem has arisen with a mobile device project using react native: I assumed that unit tests would be runnable on a device or at least an emulator, but it seems not (see: https:&#x2F;&#x2F;docs.expo.dev&#x2F;develop&#x2F;unit-testing&#x2F;). Or at least so far I haven&#x27;t found the secret sauce or tool to allow that. Any pointers welcome.[1]Yes there is a WebRTC port for Node that uses an old version of Google&#x27;s C++ library, but it doesn&#x27;t actually work properly.

Ask HN: What should I use to run React Native tests on a device?

I need to use new AlarmKit at expo app, how can I do that? Is there library? https:&#x2F;&#x2F;developer.apple.com&#x2F;documentation&#x2F;AlarmKit

Ask HN: How can I use AlarmKit at expo/React Native?

Show HN: Intake, an AI nutrition app built with React Native (feels native now)

Hi all,For the past few months I been developing a react native specific observability tool.You can see network requests, user journey and more. It helps you find the &quot;slow-burning&quot; issues.
The setup is pretty quick and we have very generous free tier, give it a try.

Show HN: Mobore – React Native observability tool

After trying to find a ui Library which works which works well with Expo and react native web. I decided to create my own.Cross platform: iOS, Andriod, and the web with Windows and macOS support on the way.Our components are accessible on Native and the web. To achieve web accesibility we use react-ariaThis is what differentiates us even beyond shadcn&#x2F;ui! Our components include extra variants so you can adjust error, loading, borderRadius, and style without writing any extra tailwind.Storybook: We have included a storybook to let you play with all the variants.Tested: We write unit tests for all the components to ensure they are working as expected.Customizable: You own the code and the implementation. You can customize anything you want.Get a live demo with storybook here <a href="https:&#x2F;&#x2F;main--68af7af75f72e5521a7e0f93.chromatic.com&#x2F;?path=&#x2F;docs&#x2F;welcome--docs" rel="nofollow">https:&#x2F;&#x2F;main--68af7af75f72e5521a7e0f93.chromatic.com&#x2F;?path=&#x2F;...</a>

Show HN: Shadcn-native shadcn UI for React Native

Show HN: Open-source animated glow component for React Native with live builder

Precompiled React Native, Rozenite DevTools, and AI Speech Without the Cloud

Migrating to React Native's New Architecture

Liquid Glass Component for React Native

Migrating Shopify to React Native's New Architecture

Shopify successfully migrate largest apps to React Native New Architecture

RapidNative — Prompts to React Native Apps

React Native – About the New Architecture

Show HN: Taught myself React Native in 3 months to build this networking app

Precompiled React Native for iOS: Faster builds are coming in 0.81

How to build 2D game-style physics with Matter.js and React Native Skia

Hi HN,We&#x27;re thrilled to announce that Snapchat is open sourcing our in house cross platform mobile framework, and we&#x27;re looking for beta testers to help shape it before we open-source it! With components written in TypeScript, it feels familiar to React Native but tackles common pain points with better performance and easier native integration.Why Our Framework?
For 6 years, we&#x27;ve used this framework internally at Snapchat to power features with native-like performance and easy code reuse. Here&#x27;s what sets it apart:
 • Blazing Fast: Benchmarks show 2x faster time-to-first-render and 1&#x2F;4 the memory usage compared to the other frameworks.
 • Native UI: Renders directly to platform-native components (no WebViews) for a truly native look and feel on iOS and Android.
 • TypeScript-Powered: Write your apps in TypeScript with a React-like component model and hot reload for fast iteration.
 • Flexible Integration: Start from scratch or adopt incrementally into existing codebases. Seamlessly integrate with Swift&#x2F;Kotlin native modules.
 • Lightweight: Smaller app sizes and optimized resource usage.
 •We&#x27;ve designed this to address frustrations like bridging overhead, UI inconsistencies, and complex native integrations—issues many of you have likely encountered with other frameworks.
Join Our Beta Program!
We&#x27;re looking for developers to test the framework and provide feedback on:
 • Ease of Use: How intuitive is the API and workflow?
 • Documentation: Are our docs clear and comprehensive?
 • Developer tooling
 • Comparisons: How does it stack up against React Native, Flutter, or other tools?To join, sign a lightweight NDA (to protect proprietary code during beta). You&#x27;ll get:
 • Access to our private GitHub repo with the framework and sample projects.
 • An invite to our Discord server for direct support from our team.
 • A chance to shape a framework used by Snapchat and be credited in our open-source launch.How to Get Started
Email me at ccrawford@c.snap.com or drop a comment below. We&#x27;ll send the NDA and onboarding details within 24 hours. The beta is open to all experience levels, whether you&#x27;re a React Native veteran or new to cross-platform dev.
Let&#x27;s Chat!What&#x27;s your biggest pain point with cross-platform frameworks? Have you tried alternatives like Flutter or Ionic? We&#x27;d love to hear your thoughts to make this framework as developer-friendly as possible.

Snapchat open source cross-platform mobile framework. Looking for beta testers

# This is a Expo Framework

Expo is a framework and a platform for universal React Applications. 
It is a set of tools and services built around React Native and native platforms that help you develop, build, deploy,
and quickly iterate on iOS, Android, and web Apps from the same JavaScript/TypeScript codebase.

# Requirements

- Node.js LTS release or greater
- Git
- Watchman for macOS users

# Recommended Tools

- VSCode Editor
- Yarn
- Windows users: PowerShell or Bash via WS

# Installing Expo CLI

```bash
 # install the command line tools
 npm install --global expo-cli
```

## Getting Started 

Create a new app:
At this point we should have Expo CLI installed on our development machine and the Expo Go App on an iOS or Android physical device or emulator.
If not, go back to the Installation guide before proceeding.

# Initializing the project

```bash
# Create a project named my-app.
# Select the "blank" templata when promped
expo init my-app

# Navigate to the project directory
cd my-app
```

First, run the development server:

```bash
expo start
# or
npm start
```

... More content comming soon ...

ReactNative News

News From: hn.algolia.com

Migrating to React Native's new architecture

Nativewind: Utility-First Tailwind CSS Experience for React Native

Ask HN: What should I use to run React Native tests on a device?

Ask HN: How can I use AlarmKit at expo/React Native?

Show HN: Intake, an AI nutrition app built with React Native (feels native now)

Show HN: Mobore – React Native observability tool

Show HN: Shadcn-native shadcn UI for React Native

Show HN: Open-source animated glow component for React Native with live builder

Precompiled React Native, Rozenite DevTools, and AI Speech Without the Cloud

Migrating to React Native's New Architecture

Liquid Glass Component for React Native

Migrating to React Native's New Architecture

Migrating Shopify to React Native's New Architecture

Shopify successfully migrate largest apps to React Native New Architecture

RapidNative — Prompts to React Native Apps

React Native – About the New Architecture

Show HN: Taught myself React Native in 3 months to build this networking app

Precompiled React Native for iOS: Faster builds are coming in 0.81

How to build 2D game-style physics with Matter.js and React Native Skia

Snapchat open source cross-platform mobile framework. Looking for beta testers