React-CLI

Installation

volta

volta install @developertown/react-cli

NOTE: if you don't have volta, be sure you have at least some other node manager, such as nvm

npm

npm install -g @developertown/react-cli

yarn

yarn global add @developertown/react-cli

Usage

running the dev server

react new my-project
cd my-project
yarn start:dev

generators

react g component my-component

# -----  output -----
installing component
  create src/ui/components/my-component/__tests__/page.ts
  create src/ui/components/my-component/__tests__/rendering-test.ts
  create src/ui/components/my-component/index.tsx
  ✔ Formatting

adding to an existing project

# cd to project directory
$ react prepare

# ---- output ----
  ✔ Checking for required dependencies
  ✔ Ensuring that blueprints are installed
  ✔ Done!

Development

export REACT_APP_BLUEPRINT_PATH=$HOME/Development/Work/DeveloperTown/react-cli/packages/react-app

alias react=$HOME/Development/Work/DeveloperTown/react-cli/packages/react-cli/bin/run


# to develop generators
cd $HOME/Development/Work/DeveloperTown/react-cli/packages/react-generators
yarn link
# cd to your project path
yarn link "@developertown/react-generators-blueprint"

Testing installation

rm -rf ~/.volta
# install volta
# new shell
volta install node

# setup refs to local project
export REACT_APP_BLUEPRINT_PATH=$HOME/Development/Work/DeveloperTown/react-cli/packages/react-app

alias react=$HOME/Development/Work/DeveloperTown/react-cli/packages/react-cli/bin/run

# create new app
react new my-app

# yarn and ember-cli should now be installed

Publishing

TODO: setup lerna