1.1 Setup

We will learn concepts of BlueBase by creating a production-ready To-Do app.

We will use Expo CLI to create a new project and add BlueBase to it. If Expo CLI is not installed, go to the Expo CLI Installation guide before proceeding.

Step 1: Initialize the project

Initialize an expo app by executing the following commands:

# Create a project named my-app.
# Select the "blank (Typescript)" template when prompted
expo init bluebase-todo-app

# Navigate to the project directory
cd bluebase-todo-app

More info here.

Step 2: Install BlueBase package

yarn add @bluebase/core

Step 3: Update App File

App.tsx

import React from 'react';
import { BlueBaseApp } from '@bluebase/core';

export default function App() {
  return (
    <BlueBaseApp />
  );
}

Step 4: Run App

expo start

This will open the expo console.

You can launch the web or native version of the app from here.

Web

iPhone