I&#x27;ve been a React Native developer since 2018, and I&#x27;ve built a whole lot of products with it. I know how hard it is for newcomers (and pros) to build an app, get it approved and actually attract users. It&#x27;s so easy to get bogged down in confusing documentation and 3rd party dependency fluff.The good news for you: I&#x27;ve read every different push notification service&#x2F;auth provider&#x2F;etc&#x27;s documentation and made informed choices, so you don&#x27;t have to!I&#x27;ve made HyperFast (<a href="https:&#x2F;&#x2F;hyperfa.st" rel="nofollow">https:&#x2F;&#x2F;hyperfa.st</a>), a service which includes:- A boilerplate to get you up and running (hyper) fast- Solid documentation that tells guides you along the various steps with developing, building, submitting and launching an app- Detailed documentation on the ins-and-outs of the Google Play Store and iOS App Store- (a big one) lots of advice on MVP app principles, how to not overthink it, what information to put on various screens, things like that- (another big one) very opinionated advice on services to use, UX paths to go down and decisions made for you so you don&#x27;t get bogged down in swathes of documentation- A community of developers on a similar app-building path to help you out whenever you need (including me, currently at your beck and call during Australian awake hours!)My promise is: buying HyperFast will save you - at the VERY least - your hourly rate x the hours you&#x27;d spend setting up a React Native app from scratch.The service is in its infancy at the moment so I&#x27;m offering a hefty discount for new signups. Would love for you to check it out and would love some feedback.

Show HN: HyperFast, a React Native starter kit. Idea to app store in a week.

Pre-Built Ready to Use React Native Components

Ask HN: Flutter or React Native?

Hi everyone! I just open sourced my first package: a new way of building calendars in React Native.It uses Shopify&#x27;s FlashList component as its foundation, along with React optimization techniques to re-render only what changed. I&#x27;m using in production for my side-project and it behaves incredibly well.I hope it can be useful for more of you!Bests,
Marcelo

Show HN: Flash Calendar – performance focused calendars for React Native

Open Source Encrypted Notes App Made with ReactNative

React Native and why Microsoft uses it for its own cross-platform development

Hey HN! We&#x27;ve expanded our session replay capabilities to include React Native for iOS. Using OpenReplay, a session replay and analytics tool that you can self-host, developers can record, replay, and troubleshoot issues in their apps.What’s included:- React Native iOS focus: tailored for React Native apps on iOS.- Full-fledged DevTools: includes crash analytics, network payloads, and performance metrics for comprehensive debugging.- Smart heuristics: features like auto-detect of crashes and tracking of user frustrations, such as click rage, to identify issues quickly.- Customizable tracking: the OpenReplay SDK allows tailored session tracking, capturing user interactions and changes.Benefits:- Fast bug identification: with session replay, see exactly what went wrong.- In-depth analysis: beyond surface-level issues, understand the root cause.- Optimize user experience: use insights to refine and improve your app’s usability.Interested? For more details, you can check out the GitHub repo [0] or documentation [1]:[0] https:&#x2F;&#x2F;github.com&#x2F;openreplay&#x2F;openreplay[1] https:&#x2F;&#x2F;docs.openreplay.com&#x2F;en&#x2F;rn-sdk

Show HN: Capture and replay React Native sessions

React Native New Architecture

Facebook's Departure from React Native (2023)

From Native to React Native to Flutter

The Importance of Performance Optimization in React Native Applications

I wanted to experiment with a local-first React Native app, so I built Hundred Habits with WatermelonDB to store the app data. I was able to set up components with observables so that things re-render when data is updated. I think it&#x27;s kinda neat.

Show HN: I built a law of 100 habit tracker with React Native and WatermelonDB

Hey HN Community,I&#x27;d like to share a project created from my own need for simplicity and efficiency in mobile deployment: a free and reusable React Native CLI Template designed to streamline the deployment process to the AppStores.Minimalism is at its core, focused on the deployment itself, this Template will help you with:- Multi-environment Support: Separate (dev, stage, and prod) environments and all apps installed on your device simultaneously, making testing and iteration much easier,- Environment-Specific Configuration: By integrating react-native-config, the app&#x27;s behavior is adapted to its running environment and is as straightforward as providing the proper values (in .env or the environment itself),- Simplified Deployment: Creating the apps in Apple Developer + AppStore Connect, managing Code Signing Certificates + Provisioning Profiles and automated deployment – everything&#x27;s included with a simple Fastlane integration, which makes deploying to both Apple AppStore and Google Play easier.The native iOS and Android projects are fully environment-configured as well, a solid base for multiple apps. This approach cuts down on the initial setup time and ensures that keeping your apps aligned with the latest Template improvements will be easy as well.It comes together with a free Mobile Playbook, which covers more essential topics like Mobile CI&#x2F;CD setup, all trying to make your mobile deployment easier.I&#x27;d love for you to give it a try and share your thoughts.There’s much more coming and in case there’s something in particular that might help you with automation, I’d be happy to make it a part of this.

Show HN: Effortless App Publishing with Reusable React Native Template

Embrace App Monitors: A Solution for State Changes in React Native

React Native visionOS is out

How to set up Lexical editor in React Native

I&#x27;m trying to build swift native module in React Native project. Whenever I try build to test that module, it takes too much time(2~3 minutes) while it takes only 20 seconds in pure swift project. Is there any way to build and test only swift files in React native project using xCode? Or is there any better way to test swift module written in react native project?

Can I build Swift files only in React Native project using Xcode?

Hey HN. Eric Seidel here (former lead of Flutter &amp; Dart at Google, prev. YC S06).I founded Flutter and led the team for almost a decade. One of the constant questions we got was would we support code push like the web&#x2F;react native: <a href="https:&#x2F;&#x2F;github.com&#x2F;flutter&#x2F;flutter&#x2F;issues&#x2F;14330">https:&#x2F;&#x2F;github.com&#x2F;flutter&#x2F;flutter&#x2F;issues&#x2F;14330</a> I left Google about a year ago and set out to build a company around Flutter and decided to start with code push.It took us a year to build. We had to build a new toolchain for Dart and a custom interpreter (for store compliance). But it works! Our beta has already been used by thousands of apps. Most (eventually all) of the code is open source on GitHub.I’ll be around all day to answer Flutter and Shorebird questions. We run our company in the public on Discord and are happy to take questions there too. Would love to hear your thoughts.

Show HN: Shorebird 1.0, Flutter Code Push

Hey HN! We&#x27;re camelQA (<a href="https:&#x2F;&#x2F;camelqa.com&#x2F;">https:&#x2F;&#x2F;camelqa.com&#x2F;</a>). We’re building an AI agent that can automate mobile devices using computer vision. Our first use case is for mobile app QA. We convert natural language test cases into tests that run on real iOS and Android devices in our device farm.Flaky UI tests suck. We want to create a solution where engineers don’t waste time maintaining fragile scripts.camelQA uses a combination of accessibility element data along with an in-house custom vision-only RCNN object detection model paired with Google Siglip for UI element classification (see a sample output here - <a href="https:&#x2F;&#x2F;camelqa.com&#x2F;blog&#x2F;sole-ui-element-detector.png">https:&#x2F;&#x2F;camelqa.com&#x2F;blog&#x2F;sole-ui-element-detector.png</a>). This way we’re able to detect elements even if they do not have accessibility elements associated with them.Under the hood the agent is using Appium to interface with the device. We use GPT-4V to reason at a high level and GPT-3.5 to execute the high-level actions. Check out a gif of our playground here (<a href="https:&#x2F;&#x2F;camelqa.com&#x2F;blog&#x2F;sole-signup.gif">https:&#x2F;&#x2F;camelqa.com&#x2F;blog&#x2F;sole-signup.gif</a>)Since we’re vision based, we don’t need access to your source code and we work across all app types - SwiftUI and UIKit, React Native, Flutter.We built a demo for HN where you can use our model to control Wikipedia on a simulated iPhone. Check that out here (<a href="https:&#x2F;&#x2F;demo.camelqa.com&#x2F;">https:&#x2F;&#x2F;demo.camelqa.com&#x2F;</a>). Try giving it a task like “Bookmark the wiki page for Ilya Sutskever“ or “Find San Francisco in the Places tab”. We only have 5 simulators running so there may be a wait. You get 5 minutes once you enter your first command.If you want to see what our front end looks like, we made an account with some test runs. Use this login (Username: hackerNews Password: 1337hackerNews!) to view our sandboxed HN account (<a href="https:&#x2F;&#x2F;dash.camelqa.com&#x2F;login">https:&#x2F;&#x2F;dash.camelqa.com&#x2F;login</a>).Last year we left our corporate jobs to build in the AI space. It felt like we were endlessly testing our apps, even for minor updates, and we still shipped a bug that caused one of our apps to crash on subscribe (the app in question - <a href="https:&#x2F;&#x2F;apps.apple.com&#x2F;us&#x2F;app&#x2F;tldr-ai-summarizer&#x2F;id6449304716" rel="nofollow">https:&#x2F;&#x2F;apps.apple.com&#x2F;us&#x2F;app&#x2F;tldr-ai-summarizer&#x2F;id644930471...</a>). That was the catalyst for camelQA.We’re excited to hear what you all think!

Launch HN: CamelQA (YC W24) – AI that tests mobile apps

I&#x27;m confused, and my AI chat buddies seem to be too. I have an iOS React Native app that stores data in a sqlite db. What are the best options these days for getting that data synced to the cloud and back?My goals:- offer this local data as something users can maybe alter and use from a web app or another device. There won&#x27;t be a lot of frequent real time merging and syncing going on. I imagine it&#x27;s going to be an infrequent sync operation. 
- I&#x27;d rather not rewrite everything to use a different datastore. 
- I see there are sqlite merging and hosting options (fly.io and litesync.io) but I&#x27;m not quickly groking if they are what I want here.Really curious what you all are doing with projects similar to this.

Ask HN: SQLite offline first sync options?

# 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