Skip to main content

BOOTSTRAP - start development 🕐

Bootstrap project structure, that is needed to start development

What you need to do, to start development​

Step 1. Setup repository​

git clone git@github.com:binarapps/baca-react-native-template.git name_of_your_app
cd name_of_your_app

Removing git history (not recommended)

  • do it only if you don't want to keep history of commits - maybe client doesn't want this
  • when you will get rid of git history it could be hard to apply changes made in the starter file
rm -r .git
git init
git commit -m "chore: initialize project"
Other options to setup repository
  1. Init using this command (be aware that sometimes this template can't be updated on npm, in that case, clone this repository and reinitialize repository for yourself - check third type of setup)
npx create-expo-app --template=@binarapps/baca-react-native-template name_of_your_app
  1. Use this as template repo on GitHub Github Repository Template

Step 2. Login / register to expo​

If you have expo account → go login with it

If you do not have expo account → register on your company email. In terminal type:

eas register

You will be redirected to expo registration page. If something is not right please make sure you have eas cli installed

npm install -g eas-cli

Login to expo account on your local machine.

  1. login to expo cli from your project dir terminal. In terminal type:
eas login

  1. put your username and password to your account register in step 3.

  2. Check if you are correctly log in to your expo account. In terminal type:

eas whoami

Step 3. Create project on expo.dev​

  1. Sign in to the expo dev console (account created in the first step of repo configuration).

  2. Select the proper organization you are working for from a dropdown:

    Select organization

    Ideally, it will be an organization created by the client (especially for production builds), to easily pass access after the end of development.

  3. Create a new Project in the organization.

    • From the sidebar menu click All projects button:

      All projects

    • On the page with the list of projects click +New Project button:

      New project

    • Apply display name and slug of your project.

      Display name is a name that will be visible in the Expo Dev Console.

      Slug is the name that will link your Expo application with your code.

      Project create

Step 4.Sync project with code.​

Please gather this data:

  1. app name - you can add display name from previous step, or add anything you want here, this name will be displayed for users later
  2. slug name - created in 1-st point.
  3. owner - organization picked from the list in 1-st point
note

If you will have issues with finding this values, please check bootstrap testing docs

If you gather all this data please run this command:

yarn baca bootstrap --simple
warning

Please verify all changes made with the script

Step 5. Make environment variables setup - tutorial​