dooboo-cli

dooboo-cli

Deprecation Notice

We're updating the way you access dooboo-cli! The global package has been deprecated and we've moved to npx for a more streamlined experience. To use dooboo-cli now, simply run npx dooboo. We kindly suggest that you uninstall the previous global package. This change is part of our continuous effort to make your developer experience more efficient and convenient.

Quick News

• v3 release announcement
• Latest stable version is 3.2.0.
• Please install 3.1.0 if you'd like to cover the post install step for react-navigation.

Compatibility

• React Native & Expo Templates

  dooboo-cli	RN template	Expo template
  3.3.11	0.61.5	36
  3.4.+	0.62.+	37
  3.5.+	0.62.+	38
  3.6.+	0.63.+	38
  4.0.+	0.63.+	39
  5.0.+	0.63.+ (web support)	40
  6.0.+	0.63.+ (atomic design)	40
  6.1.1+	0.63.+ (removed atomic)	40
  6.2.+	0.64.+	40
  6.3.+ (Emotion)	0.64.+ (emotion)	41
  6.3.+	0.64.+	41
  6.6.+	0.64.+	42
  6.7.+	0.65.+	42
  7.0.+	0.66.+	43
  7.2.+	0.66.+	44
  7.3.+	0.66.+ (expo modules)	44
  7.7.+	0.68.+ (expo modules)	45

Stacks we use

Web based project

• react
• react-router
• emotion
• jest
• react-testing-library
• typescript
• ts-jest
• prettier
• localization (fbt)

Native mobile based project

• react-native
• react-navigation
• emotion
• dooboo-ui
• jest
• react-native-testing-library
• typescript
• ts-jest
• prettier
• expo-modules
• react-native-web
• localization (fbt)

Quick News

• In v7, dooboo-ui ui framework is preinstalled in react-native and expo project. Hope you like it 🧡.

• Starting from v6, we manage our boilerplate folder name similar to atomic design pattern but not exactly.

  • Main changes in all projects
    • screen dir moved to pages.
    • shared dir moved to uis.

• In v5, we drive react-native project to support react-native-web.

  • Main changes in react-native project
    • The screen component should be wrapped with withScreen provided in wrapper.tsx.

Installation

• with npm

    npm install -g dooboo-cli
  

• with yarn

    yarn global add dooboo-cli
  

Usage

  Usage: dooboo [source file]

  Options:
    -V, --version        output the version number
    -h, --help           output usage information

  Commands:
    init                 init boilerplate of dooboo generated app.
    start                start the project
    test                 run test for your project
    page <c>             generate page (aka screen) component.
    template <c>         generate template (aka shared) component.
    api <c>              generate file for api call format.

Preview

Contribution

• React App with Flow Deprecated
• React Native App with Flow Deprecated
• React App with Typescript
• React Native App with Typescript
• Expo with Typescript