omdxp/react-native-help-create

This command line helps you create components, screens, navigations and even redux implementation for your react native project

react-native-help-create

Focus on your code, not your project structure!

This command line helps you create components, screens, navigations and even redux implementaion for your react native project.

How to install it?

• To install it globally in your system run:

npm i react-native-help-create -g

Or

yarn global add react-native-help-create

• To install it as a dev dependency in your react native project run:

npm i react-native-help-create --save-dev

Or

yarn add react-native-help-create --dev

• If you want to use it without installing it (using npm cache) run:

npx react-native-help-create --help

How to use it?

Please follow this documentation to see how to use this helper command.

Or you may follow the documentation website.

Or you can see this medium article that explains it.

Contributing

Please check this if you consider to contribute to this project.

react-native-help-create's Issues

update docs

Update documentation for creating, deleting and combining components with atom design pattern.

Create components in atom design pattern: checklist

Create components with the option to create them in atom design pattern.

Checklist

• #24
• #26
• #28
• #30

combine components created with atom design pattern options

Options to be used with combine -c command to combine components in atom design pattern.

Examples

• combine atom components:

rnhc combine -c test1 test2 --atom -f example

this will combine the test1 and test2 components under ./src/components/atoms/example

• combine molecule components:

rnhc combine -c test1 test2 --molecule -f example

this will combine the test1 and test2 components under ./src/components/molecules/example

• combine organism components:

rnhc delete -c test --organism -f example

this will combine the test1 and test2 components under ./src/components/organisms/example

create components in atom design pattern

Options to be used with create -c command to create in atom design pattern.

Examples

• create atom components:

rnhc create -c test --atom

this will create the test component under ./src/components/atoms/test

• create molecule components:

rnhc create -c test --molecule

this will create the test component under ./src/components/molecules/test

• create organism components:

rnhc create -c test --organism

this will create the test component under ./src/components/organisms/test

Check `fs.readdirSync()` when using in dev dependency

Describe the bug
When using rnhc as a devDependency fs.readdirSync is reading in the current path instead of the given path.

To Reproduce
Steps to reproduce the behavior:

1. Create navigation using rnhc create -n stack * -f auth
2. It reads from the current directory

Expected behavior
Read from the given path to the method

delete components created with atom design pattern options

Options to be used with delete -c command to delete in atom design pattern.

Examples

• delete atom components:

rnhc delete -c test --atom

this will delete the test component under ./src/components/atoms/test

• delete molecule components:

rnhc delete -c test --molecule

this will delete the test component under ./src/components/molecules/test

• delete organism components:

rnhc delete -c test --organism

this will delete the test component under ./src/components/organisms/test