@team-octoo/planter v1.2.0
Planter
A CLI tool for building React & React-native applications.
This CLI
- installs a new react or react-native project
- sets up a basic folder structure (of your choice)
- add commonly used packages
- give command to easely create state, components & other functions
- writes documentation for proposed structures & packages
Installation
npm install -g @team-octoo/planter
Usage
After installing this package globally, there are 2 important commands.
(but there are much more, run planter -h to see all)
planter init
This command creates a React or React-Native project.
React uses the latest Vite react-ts template.
React-Native is the latest RN template without expo.
planter install
This command will read the planter config json file in the directory and install everything accordingly.
Help
Run command "planter -h" in your command-line terminal.
Contributors
This package has been created by the lovely people at Octoo
Found a bug or want to extend this package?
- Create an issue on Github
- Or even better, change the code and submit a pull request and we'll have a look asap.
Available choices & packages
When initialising planter on a new or existing project, these are the choices to be made.
Component structure
- BEP (Basics, Elements, Pages)
- Atomic components
- Custom (Define your own folder structure in planter.config.json)
Lay-out
- css
- css-modules
- scss
- scss-modules
- styled-components
- custom (self install)
Packages
- Error-boundary
- Mock service worker
- React-router
- Wouter
- Patch-package
- Redux
- Zustand
- i18next
- Axios
- Cypress
- Prop-types
Config
Planter cli has a config file named ./planter.config.json
.
We recommend starting from an existing planter config file to customise it.
Key | Description | Type |
---|---|---|
version | Version of the planter cli | number |
name | Name of the application | string |
library | Type of react library | 'react' \| 'react-native' |
installer | npm or yarn | 'npm' \| 'yarn' |
hasTs | Wether or not typescript is used | boolean |
layout | Type of stylesheets | 'css' \| 'css modules' \| 'sass' \| 'sass modules' |
packages | Installed packages (asked on init) | string[] |
components | Defines options for plant:component command (subfolders are possible) | object |
structure | Type of component structure | 'BEP (recommended)' \| 'Atomic' \| 'Custom' |
usePropTypes | Older way of using prop types without typescript | boolean |
9 days ago
1 month ago
2 months ago
2 months ago
2 months ago
3 months ago
3 months ago
3 months ago
3 months ago
3 months ago
3 months ago
3 months ago
3 months ago
3 months ago
4 months ago
5 months ago
6 months ago
6 months ago
6 months ago
6 months ago
6 months ago
6 months ago
6 months ago
6 months ago
6 months ago
6 months ago
6 months ago
6 months ago
6 months ago
6 months ago
6 months ago
6 months ago
11 months ago
11 months ago
11 months ago
12 months ago
12 months ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
1 year ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago