React Native Code Generator

Introduction

An extension to generate React Native (TYPESCRIPT) folder structure and every thing you need to setup your project. Without doing every task manully.

Creates redux files automatically and add them to reducer. Creates Component and it's style file and add imports into your routers.

Features

1. Create src folder
2. Create root reducer and store
3. Create redux set(initial state, reducer, action types, actions)

Steps before running app

1. First of all run command to create a new app with typescript

   • npx react-native init MyApp --template react-native-template-typescript
   • This will create a new project

2. Right Click your project & Select "Create src Folder"

   • This will generate all the needed project directory.

3. Open iOS project in Xcode

   • Right Clik on the project folder and add the "Config.xcconfig" file that is already present

4. Now clik on the schemes > edit scheme>

   • Expand "Build" option and select "Pre Action"
   • Add below command "${SRCROOT}/../node_modules/react-native-config/ios/ReactNativeConfig/BuildXCConfig.rb" "${SRCROOT}/.." "${SRCROOT}/tmp.xcconfig" NOTE: Add above command with quotes.
   • "Provide build setting from" -- you have to select your project here

5. Select project, don't confuse with target you have to select project.

   • Info tab > Configurations
   • you will be shown two configuration "Debug" & "Release"
   • In both of them Select Config.

6. Change your bundle id in ios with with you will be creating Firebse App and Facebook Apps

7. Add "Push Notification" and "Sign in with Apple" in Capabilites

8. Create one swift file in the ios project with whatever name you want, lets create Test.swift file.

   • It will ask to generate Bridigin-Header.h file > Select Yes.

9. Add GoogleService-Info.plist to iOS project and google-services.json to android project.

10. In the project we have .env file set all the constants like Facbook ID, Gmail, Api url etc in this file.

11. If you face any issue like - Your app is missing support for the following URL schemes:

    • Click on project and go to info.plist
    • Open URL Types:
    • Click on URL Schemes text field and press enter.
    • For some wiered reason it works after that

12. Run your project - you are ready to go :)

How to Use

Create Src Folder

Create redux set

Create Component

Special Words Explanations ( Ex: Set, Auto Import)

Contact

shiv@tribondinfosystems.com