Dooboo Expo screenshot

Dooboo Expo

Author Avatar Theme by Hyochan
Updated: 26 Jun 2023
51 Stars

Complete boilerplate for react-native app with expo. Contains typescript, router, test, localization, navigation, hook and etc.

Categories

Overview

This article provides information about a boilerplate project used in DooBoo-CLI which incorporates various technologies such as Expo, TypeScript, React Navigation, localization, testing with Jest, and utilities like Emotion and eslint setup.

Features

  • Expo: Utilizes Expo for the project setup and development environment.
  • TypeScript: Written in TypeScript for type safety and improved developer experience.
  • React Navigation: Implements React Navigation for seamless navigation in the app.
  • Localization: Includes localization support using the react-native-localization package.
  • Testing with Jest: Provides examples of Jest unit tests for components in designated directories.
  • Utilities: Uses Emotion for styling, eslint for code quality, and Prettier for code formatting.
  • CI/codecov: Integrates with continuous integration and code coverage reporting.

Installation

To install the boilerplate, follow these steps:

  1. Clone the repository.
  2. Run npm install to install dependencies.
  3. Run the start script specified in the package.json with npm start.
  4. For testing, run npm test to check if the tests succeed.

Summary

The boilerplate project mentioned in the article is an advanced setup for building React Native applications using Expo, TypeScript, React Navigation, and other key tools. It emphasizes on localization, testing with Jest, and provides a structured approach for writing tests and organizing components. The inclusion of utilities like Emotion, eslint, and Prettier further enhances the development workflow and ensures code quality.