ndinata / react-native-template-opinionated

An opinionated starter template for new React Native projects.

Hi there 👋

I'm Nico; i'm a software engineer with experience working with React Native, Nextjs, and Flask (Python).

The repos that you'll find here are mostly side projects to help me hone my skills and pursue interests, which currently include building various things with Typescript and Rust 🌱

react-native-template-opinionated's Issues

Trying to run app on actual iOS device causes build error

.../ios/Pods/OpenSSL-Universal/ios/lib/libcrypto.a does not contain bitcode. You must rebuild it with bitcode enabled, obtain an updated library from the vendor, or disable bitcode for this target

Remove console statements in prod

Add babel-plugin-transform-remove-console to avoid performance issues in production builds in case any console statements are left behind.

Publish package to npm

Incorrect package name for project's MainActivity

Instead of using the Android project package name after the installation process is complete, the package name remains as package com.test.

Initialise React Native template

Add support for React Native 0.60 - 0.61

`npm test` not working on a newly-initialised project

Running npm test on a newly-created project fails with the following error messages:

ReferenceError: You are trying to `import` a file after the Jest environment has been torn down. From __tests__/App-test.tsx.
...
 The above error occurred in the <ForwardRef(NavigationContainerInner)> component:
at theme (project/node_modules/@react-navigation/native/src/NavigationContainer.tsx:55:5)
        at App (project/src/App.tsx:31:52)

    Consider adding an error boundary to your tree to customize error handling behavior.
    Visit https://reactjs.org/link/error-boundaries to learn more about error boundaries.

Related to react-navigation/react-navigation#9727.

Options:

1. Do nothing on the template side (other than a disclaimer in readme) and let consumers work it out themselves
2. Remove __tests__/App-test.tsx from template and let consumers set up tests themselves
3. ✅ Incorporate react-native-testing-library (react-navigation/react-navigation#10943 (comment)) (much thanks to this linked comment!)

In the end, the react-native-testing-library route was chosen because it fixes the issue and encourages testing best practices.

Fixed in v8.4.0.