hirbod

What

If you’re using Zeego or any other React Native library that throws weird framework-related errors like “ReactCommon/RCTHost.h not found”, this is for you. The issue started with RN 0.78+ and usually only affects the old architecture with useFrameworks: 'static'.

Versions before 0.78, setups without useFrameworks, or users on the new architecture are not affected, thus do not need this workaround.

Fix for Expo users

I’ve prepared a config plugin for you. Create a file, e.g. plugins/with-runtime-framework-headers.js, with the following contents:

const { withPodfile } = require('expo/config-plugins')

hirbod

import { File, type FileHandle } from 'expo-file-system/next'

interface FileInput {
  uri: string
}

export default class TusFileReader {
  async openFile({ uri }: FileInput) {
    const handle = new File(uri)
    if (!handle.exists || !handle.size) throw new Error(`File ${uri} not found`)

hirbod

const { getSentryExpoConfig } = require('@sentry/react-native/metro')
const { withNativeWind } = require('nativewind/metro')
const path = require('path')

const config = getSentryExpoConfig(__dirname)

config.transformer.getTransformOptions = async () => ({
  transform: {
    experimentalImportSupport: true,
    inlineRequires: true,

hirbod

import { AnimatedView, Text, View } from '@/components/ui'
import { useMemo } from 'react'

const NUM_HOLDERS = 16
const NUM_BARS = 40

const rotateKeyframes = {
  '0%': {
    transform: [{ rotate: '0deg' }],
  },

hirbod

import { useSafeAreaInsets } from 'react-native-safe-area-context'
import { useCallback, useLayoutEffect, useMemo, useReducer, useRef, useState } from 'react'
import { ActivityIndicator, Keyboard, Platform, Text, View, TextInput, useWindowDimensions } from 'react-native'
import Animated from 'react-native-reanimated'

const SearchBar = () => {
  const inset = useSafeAreaInsets()
  const [isFocused, toggle] = useReducer((s) => !s, false)
  const ref = useRef<View>(null)
  const rect = useRef({ width: 0, height: 0, x: 0, y: 0 })

hirbod

import { type ComponentType, createElement, forwardRef } from 'react'
import type { TextProps } from 'react-native'

// uncomment for NativeWind support
//import { cssInterop } from 'nativewind'


const LeanText = forwardRef((props, ref) => {
  return createElement('RCTText', { ...props, ref })
}) as ComponentType<TextProps>

hirbod

export const useClearStalePersistedReactQueryData = () => {
  useEffect(() => {
    const threeDaysAgo = Date.now() - 3 * 24 * 60 * 60 * 1000 // Timestamp of 3 days ago

    storage.getAllKeys().forEach((entry) => {
      // we only want to clear the data for react-query with the prefix 'my-random-prefix'
      if (!entry.startsWith('my-random-prefix')) {
        return
      }

hirbod

import React, { useState, useEffect, useCallback } from "react";
import { Platform } from "react-native";

import * as VideoThumbnails from "expo-video-thumbnails";

import { Image } from "@showtime-xyz/universal.image";
import Spinner from "@showtime-xyz/universal.spinner";
import { View } from "@showtime-xyz/universal.view";

interface VideoThumbnailProps {

hirbod

// Expo SDK40
// expo-blur: ~8.2.2
// expo-haptics: ~8.4.0
// react-native-gesture-handler: ~1.8.0
// react-native-reanimated: ^2.0.0-rc.0
// react-native-safe-area-context: 3.1.9

import React, { useState } from 'react';
import {
  Image,

hirbod

How to Successfully Publish Your App on the App Store or Google Play

As someone who has released many apps starting in 2015 using frameworks such as Cordova and Ionic, and more recently using React Native and Expo, I have learned that the rules for publishing apps can change frequently and can sometimes be challenging to navigate. With that in mind, I want to provide a brief guide to help others navigate the process. While this guide may not cover every aspect of publishing an app, it does cover general tips and information that should be useful for anyone looking to release their app on the App Store or Google Play.

Metadata

Keywords, Description, Screenshots, App Name, Promo Videos

There are significant differences between Apple and Google when it comes to metadata. Apple is generally stricter than Google, so it is advisable to follow Apple's guidelines to ensure the best chances of success on both platforms. Here are some tips to keep in mind:

1. Keep your screenshots and promo videos separat