Giter VIP home page Giter VIP logo

wrathchaos / react-native-typescript-boilerplate Goto Github PK

View Code? Open in Web Editor NEW
381.0 10.0 85.0 84.06 MB

๐Ÿš€ All-in-one React Native Typescript Boilerplate, Ready to Start ๐Ÿฅณ

Home Page: https://freakycoder.com

JavaScript 11.51% Ruby 4.62% Objective-C 7.10% TypeScript 66.19% Objective-C++ 2.49% Shell 0.52% Kotlin 7.56%
react-native react javascript boilerplate front-end development mobile app application

react-native-typescript-boilerplate's Issues

fail to install react-native-mmkv-storage

I got the following error message:

no toolchains found in the ndk toolchains folder for abi with prefix: arm-linux-androideabi

I solved this problem like this:

change NDK from 23.1.xxxx to 20.1.5948944

Why not react 18?

Sir, i think your boilerplate is out of date. you should switch react 18 and react native 0.69

Update the react-native-vector-icons

Hi,
Thanks for the boilerplate
but i saw the problem with icon in android that icons are not showing so i removed the react-native-vector-icons and added the newest version and updated the android/app/build.gradle file and removed all refs in settings.gradle

i got the error java.lang.NoClassDefFoundError: Could not initialize class org.codehaus.groovy.vmplugin.v7.Java7
solved by updating distributionUrl=https\://services.gradle.org/distributions/gradle-6.3-all.zip

Problems with installing from fresh with node v16.15.1

Hi @WrathChaos, great template, as mentioned in topic header I have problems installing the node modules with a fresh install using node version 16.15.1.
There is also no node version specified in package.json. Is there a specific version you have to use:)?

Error log:

npm ERR! code ERESOLVE
npm ERR! ERESOLVE could not resolve
npm ERR! 
npm ERR! While resolving: @react-native-community/[email protected]
npm ERR! Found: [email protected]
npm ERR! node_modules/react
npm ERR!   react@"17.0.2" from the root project
npm ERR!   peer react@">= 16.x.x" from @freakycoder/[email protected]
npm ERR!   node_modules/@freakycoder/react-native-bounceable
npm ERR!     @freakycoder/react-native-bounceable@"^0.2.5" from the root project
npm ERR!   19 more (@freakycoder/react-native-helpers, ...)
npm ERR! 
npm ERR! Could not resolve dependency:
npm ERR! peer react@"^16.8" from @react-native-community/[email protected]
npm ERR! node_modules/@react-native-community/async-storage
npm ERR!   @react-native-community/async-storage@"^1.12.1" from the root project
npm ERR! 
npm ERR! Conflicting peer dependency: [email protected]
npm ERR! node_modules/react
npm ERR!   peer react@"^16.8" from @react-native-community/[email protected]
npm ERR!   node_modules/@react-native-community/async-storage
npm ERR!     @react-native-community/async-storage@"^1.12.1" from the root project
npm ERR! 
npm ERR! Fix the upstream dependency conflict, or retry
npm ERR! this command with --force, or --legacy-peer-deps
npm ERR! to accept an incorrect (and potentially broken) dependency resolution.
npm ERR! 
npm ERR! See /Users/MadsFrost/.npm/eresolve-report.txt for a full report.

npm ERR! A complete log of this run can be found in:
npm ERR!     /Users/MadsFrost/.npm/_logs/2022-06-30T08_49_18_854Z-debug-0.log

Run android "cannot find symbol"

I just setup andoid-studio and the android sdk on my machine. And when running yarn android get this error

 error: cannot find symbol
        protected JSIModulePackage getJSIModulePackage() {
                  ^
  symbol: class JSIModulePackage

Any idea what is wrong?

Error while Pod Install

Hi, I just cloned the project, then did

  1. npm I
  2. npm run clean-up
  3. npm i && npx pod-install

On the 3rd step I'm getting an error.

Screenshot 2022-01-17 at 12 14 30 PM

When I disable flipper by commenting out this line on the pod file, it works.

use_flipper!('Flipper' => '0.75.1', 'Flipper-Folly' => '2.5.3', 'Flipper-RSocket' => '1.3.1')

Custom fonts do not seem to load in production build

Hi, I have added my custom fonts like this

image

added them to the theme like this
image

and use them like this (example)
image

While this seems to work in dev mode, release android builds are not showing them properly and its using the default font

Running npx react-native-asset makes no difference.

Am I missing something ?

whenever run npx react-native run-android show error in mainActivity

                 Error: AppData\Local\Android\Sdk\emulator\emulator\platform-tools\adb shell am start -n 
                          com.rntypescriptboilerplate/com.rntypescriptboilerplate.MainActivity
                          at makeError (E:\Project\React-native\react-native-typescript-boilerplate\node_modules\execa\index.js:174:9)

I have to open the app manually.

Problems with installing from fresh with node v16.15.1

Hi, as mentioned in topic header I have problems installing the node modules with a fresh install using node version 16.15.1.
There is also no node version specified in package.json. Is there a specific version you have to use:)?

Error log:

npm ERR! code ERESOLVE
npm ERR! ERESOLVE could not resolve
npm ERR! 
npm ERR! While resolving: @react-native-community/[email protected]
npm ERR! Found: [email protected]
npm ERR! node_modules/react
npm ERR!   react@"17.0.2" from the root project
npm ERR!   peer react@">= 16.x.x" from @freakycoder/[email protected]
npm ERR!   node_modules/@freakycoder/react-native-bounceable
npm ERR!     @freakycoder/react-native-bounceable@"^0.2.5" from the root project
npm ERR!   19 more (@freakycoder/react-native-helpers, ...)
npm ERR! 
npm ERR! Could not resolve dependency:
npm ERR! peer react@"^16.8" from @react-native-community/[email protected]
npm ERR! node_modules/@react-native-community/async-storage
npm ERR!   @react-native-community/async-storage@"^1.12.1" from the root project
npm ERR! 
npm ERR! Conflicting peer dependency: [email protected]
npm ERR! node_modules/react
npm ERR!   peer react@"^16.8" from @react-native-community/[email protected]
npm ERR!   node_modules/@react-native-community/async-storage
npm ERR!     @react-native-community/async-storage@"^1.12.1" from the root project
npm ERR! 
npm ERR! Fix the upstream dependency conflict, or retry
npm ERR! this command with --force, or --legacy-peer-deps
npm ERR! to accept an incorrect (and potentially broken) dependency resolution.
npm ERR! 
npm ERR! See /Users/MadsFrost/.npm/eresolve-report.txt for a full report.

npm ERR! A complete log of this run can be found in:
npm ERR!     /Users/MadsFrost/.npm/_logs/2022-06-30T08_49_18_854Z-debug-0.log

Need help for how to use events emitter

Hello @WrathChaos Thanks for this amazing typescript boilerplate.

i have a one question , i want to emit events , in this project you use events library can you please provide me a working example.
i try to emit events as you already created event file but it's not working.

Thanks in advance

error while building android

Hi I get the following error when I npm run android:

  • Where:
    Script 'D:\dev\users\amirhf\projects\test2\node_modules@react-native-community\cli-platform-android\native_modules.gradle' line: 450

  • What went wrong:
    A problem occurred evaluating script.

Calling [node, D:\dev\users\amirhf\projects\test2\node_modules\@react-native-community\cli\build\bin.js, config] finished with an exception. Error message: groovy.json.JsonException: Unable to determine the current character, it is not a string, number, array, or object

The current character read is 'i' with an int value of 105
Unable to determine the current character, it is not a string, number, array, or object
line number 1
index number 0
info Run CLI with --verbose flag for more details.
^. Output: info Run CLI with --verbose flag for more details.

I have tried the solutions here: https://infinitbility.medium.com/unable-to-determine-the-current-character-it-is-not-a-string-number-array-or-object-in-react-f34c80d96e8e but none of them work!

I am running this on Windows

crash on Android

allow the step by step

npx react-native run-android

2022-04-30 00:35:07.143 25471-25471/com.rntypescriptboilerplate E/SoLoader: couldn't find DSO to load: libjscexecutor.so caused by: dlopen failed: library "libjsc.so" not found: needed by /data/app/~~GG6jzUDtVeutqC52waW0qw==/com.rntypescriptboilerplate-7kULpfl29FuwmzBUbx509Q==/lib/arm64/libjscexecutor.so in namespace classloader-namespace result: 0
2022-04-30 00:35:07.227 25471-25510/com.rntypescriptboilerplate A/libc: Fatal signal 6 (SIGABRT), code -1 (SI_QUEUE) in tid 25510 (FlipperEventBas), pid 25471 (riptboilerplate)
2022-04-30 00:35:07.228 25471-25528/com.rntypescriptboilerplate E/QT: [QT]file does not exist
2022-04-30 00:35:07.238 25471-25528/com.rntypescriptboilerplate E/QT: [QT]file does not exist
2022-04-30 00:35:07.394 25471-25525/com.rntypescriptboilerplate E/OpenGLRenderer: fbcNotifyFrameComplete error: undefined symbol: fbcNotifyFrameComplete
2022-04-30 00:35:07.394 25471-25525/com.rntypescriptboilerplate E/OpenGLRenderer: fbcNotifyNoRender error: undefined symbol: fbcNotifyNoRender

Can not run on windows 10

Just cloned repo and can't start with step by step guide.
Getting "error Android project not found. Are you sure this is a React Native project? If your Android files are located in a non-standard location (e.g. not inside 'android' folder), consider setting project.android.sourceDir option to point to a new location."

tests SyntaxError: Cannot use import statement outside a module

this is what I'm struggling with in my project and seems to be happening in yours as well - running yarn test:

    import typeof AccessibilityInfo from './Libraries/Components/AccessibilityInfo/AccessibilityInfo';
    ^^^^^^

    SyntaxError: Cannot use import statement outside a module

      3 |  */
      4 |
    > 5 | import 'react-native';
        | ^
      6 | import React from 'react';
      7 | import App from '../App';
      8 |

      at Runtime.createScriptFromCode (../../../../.config/yarn/global/node_modules/jest-runtime/build/index.js:1728:14)
      at Object.<anonymous> (__tests__/App-test.tsx:5:1)

I have tried all the jest config setups from SO and RN issues list and nothing seems to work. Do the tests run for you?

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.