ramirezjag00 / react-native-ts-template

My React Native Template

React Native TS Template

Requirements

  nvm install 18.17.0
  nvm alias default 18.17.0
  npm i -g @react-native-community/cli yarn

Template Usage:

npx react-native init appnamehere --template https://github.com/ramirezjag00/react-native-ts-template.git 

Usage with older versions of React Native

e.g. [email protected] add #v0.1.0

npx react-native init appnamehere --template https://github.com/ramirezjag00/react-native-ts-template.git#v0.1.0

See the below table to find out which version of the template to use.

React Native <=> Template Version

React Native	Template
0.72	v0.6.*
0.71	v0.5.*
0.70.6	v0.4.*
0.70	v0.3.*
0.69	v0.2.*
0.68	v0.1.0

Template Set up

• react v18.2.0
• react-native v0.72.4
• typescript v4.8.4
• node 18+ engine
• yarn 3.6.3 package manager
• new JSX transform (no need for React import)
• Hermes enabled for iOS and Android
  • recommended to use Flipper as default debugger
  • Debugging JS on Hermes using Google Chrome's DevTools
• dev tooling - make sure to read about the rules in config files of the following plugins/tools as you won't be able to commit if there's any error/warning in staged files
  • eslint
  • tslint
  • prettier
  • path alias (check babel.config.js/alias or tsconfig.json/paths)
  • husky
  • lint-staged
  • github
    • CODEOWNERS template
    • PR template
    • Issue template
    • actions for PRs
      • eslint checker
      • prettier checker
      • tsc checker
      • test checker
  • fastlane
    • bump versions (ios/android)
    • build android debug apk
    • notify and upload android apk to slack / telegram
    • github actions integration (optional)
    • interactive options (WIP)

React Native Blogs

Notes

• Adopting the New Architecture
• to enable new architecture

react-native-ts-template's Issues

add deployment yml files boilerplate

Add react-navigation boilerplate

add state management boilerplate

Add automated changelog

Add react-native-testing-library and e2e boilerplate

• maestro
• appium
• detox

Fastlane UI.interactive in github actions

make fastlane UI.interactive work in github actions or at least get some proper values pertaining to a certain build like change log, links etc from the user

Add intl boilerplate

add theme boilerplate