Uniffi for React Native: Rust-Powered Turbo Modules

Bringing React Server Components to React Native

Capture and catch edge case mobile errors, difficult to reproduce crashes and user impacting bugs and sessions with Oopsie. We launched Oopsie (beta), which combines the power of mobile session replay, crashes, ANR, exceptions, networks logs, system data all in one. Currently we support flutter and react native apps. Would love to know if this sounds useful for mobile development teams to help them replay mobile bugs and debug them faster.To add to this, we have also provided a good firebase integration. Every time you get a crash or ANR, you can replay the session in Oopsie (by zipy).

Show HN: Oopsie – AI and session replay and errors for flutter and React Native

Radon IDE for React Native

Radon – IDE for React Native

The Time for React Native Is Now

Cali: An AI agent for building React Native apps

For those who have used React Native specifically for iOS long term, how are you finding it?From managing multiple iOS versions and APIs to real-world code-reuse across platforms as well.Lastly, would you still recommend given the React Native team have just announced a new architecture?

Ask HN: React Native on iOS long-term findings?

Building LightOS with React Native (2020)

Hermes: JavaScript engine optimized for running React Native on Android

TheCodingMachine React Native Boilerplate

As part of my journey learning react native, I was thinking about building something cool that is related to the thing I enjoy talking about which is Shopify.So, I decided to add a feature to the Shop app. that will allow user search in Shopify stores product catalog using an image instead of the keywords.The workflow:
A user scrolling through Instagram and the found a product that they like
Take a screenshot of it
Open the mobile app, click on the camera icon.
Select the image and let the magic happen
Get a list back of similar looking products across different Shopify store (in our case, it’ll be one Shopify Store)Full article: https:&#x2F;&#x2F;iliashaddad.com&#x2F;blog&#x2F;how-i-built-a-product-visual-search-using-react-native-google-cloud-vision-api-algolia-and-remixjs&#x2F;Github Repo: https:&#x2F;&#x2F;github.com&#x2F;IliasHad&#x2F;visual-product-search-app

Visual Product Search: Combining React Native, Cloud Vision, Algolia, and Remix

Hi there,I built NativeExpress, a React Native starter kit that includes boilerplate code, comprehensive docs, and submission guides &amp; assets.As a former startup CTO, I&#x27;ve felt the frustration of spending precious runway time just setting up basic app infrastructure. That&#x27;s why I built NativeExpress.NativeExpress is live on producthunt: <a href="https:&#x2F;&#x2F;www.producthunt.com&#x2F;posts&#x2F;nativeexpress" rel="nofollow">https:&#x2F;&#x2F;www.producthunt.com&#x2F;posts&#x2F;nativeexpress</a>

Show HN: Native.express – Ultimate React Native starter kit

Nativewind – Tailwind for ReactNative

Analyzing GitHub Actions: The $20k/Month CI Pipeline of React Native

I’m working on a React Native project, and I’ve encountered an error where the app crashes immediately upon launch. It doesn’t seem to give any clear error messages, and I’m unsure of what’s causing this issue.I’ve tried a few common troubleshooting steps, like clearing the cache and rebuilding the app, but the problem persists. I’d appreciate it if anyone could provide some insight into how to resolve this issue or point me in the right direction for debugging.Has anyone faced a similar problem with their React Native app? Any advice or solutions would be greatly appreciated!Looking forward to your suggestions!

How to Fix the 'React Native App Crashes on Launch' Error?

Obytes Starter – Free React Native/Expo Starter Kit

As part of my journey learning react native, I was thinking about building something cool that is related to the thing I enjoy talking about which is Shopify.So, I decided to add a feature to the Shop app that will allow users to search the Shopify store&#x27;s product catalog using an image instead of keywords.The workflow:
A user scrolling through Instagram and the found a product that they like
Take a screenshot of it
Open the mobile app, and click on the camera icon.
Select the image and let the magic happen
Get a list back of similar-looking products across different Shopify stores (in our case, it’ll be one Shopify Store)Architectural OverviewThe solution leverages a robust technology stack:React Native for cross-platform mobile development
Google Cloud Vision API for image classification
Algolia Search for efficient product indexing and retrieval
Remix.js for backend API handling
Shopify Storefront API for product data managementLink to full blog post: https:&#x2F;&#x2F;iliashaddad.com&#x2F;blog&#x2F;how-i-built-a-product-visual-search-using-react-native-google-cloud-vision-api-algolia-and-remixjs&#x2F;Github Repo: https:&#x2F;&#x2F;github.com&#x2F;IliasHad&#x2F;visual-product-search-app

I decided build a mobile app to search catalog using an image using React Native

It’s been quite some time since I wrote a technical post on my blog, and here’s a new one about building type-enforced UI components in React Native with @shopify&#x2F;restyle and expo.@shopify&#x2F;restyle is a powerful styling library for React Native that brings type safety and consistency to your UI components. Unlike traditional styling approaches, Restyle allows you to create a centralized theme configuration that enforces design system principles across your entire application.full article here at https:&#x2F;&#x2F;iliashaddad.com&#x2F;blog&#x2F;how-to-build-type-enforced-ui-components-in-react-native-using-shopify-restyle&#x2F;

How to build type-enforced UI components in React Native using Shopify/restyle

# 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

Uniffi for React Native: Rust-Powered Turbo Modules

Bringing React Server Components to React Native

Show HN: Oopsie – AI and session replay and errors for flutter and React Native

Radon IDE for React Native

Radon – IDE for React Native

The Time for React Native Is Now

Cali: An AI agent for building React Native apps

The Time for React Native Is Now

Ask HN: React Native on iOS long-term findings?

Building LightOS with React Native (2020)

Hermes: JavaScript engine optimized for running React Native on Android

TheCodingMachine React Native Boilerplate

Visual Product Search: Combining React Native, Cloud Vision, Algolia, and Remix

Show HN: Native.express – Ultimate React Native starter kit

Nativewind – Tailwind for ReactNative

Analyzing GitHub Actions: The $20k/Month CI Pipeline of React Native

How to Fix the 'React Native App Crashes on Launch' Error?

Obytes Starter – Free React Native/Expo Starter Kit

I decided build a mobile app to search catalog using an image using React Native

How to build type-enforced UI components in React Native using Shopify/restyle