rc
reexjs-cli
npm i reexjs-cli
rc

reexjs-cli

An interactive CLI automation tool šŸ› ļø for creating react.js and next.js projects most fast and efficiently. āš›ļø

by Alexis Guzman

1.2.2 (see all)License:MITTypeScript:Not Found
npm i reexjs-cli
Readme

ReexJs logo

npm MIT License

An interactive CLI automation tool šŸ› ļø for creating react.js and next.js projects most fast and efficiently. āš›ļø

ReexJs logo

About ā„¹ļø

ReexJs CLI is an interactive CLI that automates the process of creating a React / Next App. Usually developers we spent a lot of time installing dependencies, creating folders, etc., before having our initial configuration and start working on the application.

The goal of ReexJs CLI It is that we can start working on our application without worrying about the initial configuration.

Features šŸŽ‰

  • Create a react.js or next.js app. āš›ļø
  • Choose from commonly used folders (assets, components, hooks, services, utils, e.t.c.) to create.
  • Or create folders with custom names.šŸ“‚
  • Setup routing with user defined routes if you choose react.js.
  • Or create pages for nextjs.
  • Add supports popularly used CSS preprocessor SASS! šŸ‘“
  • And installs dependencies and dev dependencies.

Requirements šŸ“

  • Node.js installed on your system.
  • An active internet connection for CLI to work.

Installation šŸš€

From your terminal run:

# install the package with NPM
$ npx reexjs-cli
# or install it with YARN
$ yarn reexjs-cli

Documentation šŸ“˜

ReexJs CLI installs reexjs-cli command in your system. To run the tool, you need to invoke this command from your terminal:

# if you install it globally
$ reexjs-cli

As soon as run the command you are greeted by the CLI and you must choose between the options, the most approached your desired configuration.

ReexJs logo

Then you have to answer some questions to configure your react.js or next.js app

ReexJs logo

Config āš™ļø

Depending on the fact that Framework is chosen, different questions will be asked:

  • App Name:
    Enter your app name. By default it fallbacks to reexjs-app.

    āœ… Valid App Names:

    • my-app
    • onl1n3
    • one-2-three

    āŒ Invalid App Names:

    • My-App
    • Onl1n3
    • One-2-Three
  • Framework:
    Choose the Framework of your application. Next.js or React.js.

  • Pages Names: (Next.Js)
    Enter space separated pages for next.js application.

  • React Routing: (React.Js)
    Choose if react routes is needed. Yes or No.
    If required, enter space separated routes names.

    āœ… Valid Route Names:

    • my-route
    • one-two-three

    āŒ Invalid Route Names:

    • My-Route:
    • one-2-three
    • some-route/
    • some.route
    • some?route
  • Create Folders:

    • Predefined:

      • You can choose from commonly use folders to create: assets, components, utils, lib.
    • Custom:

      • You can enter space separated folders. The conventions would be same as routes in react routing. E.g. context hooks
  • Style scripting:
    Choose if you want use SASS preprocessor in your styles. SCSS, SASS or CSS.

  • Dependencies: (npm i <dependencies>)
    You can enter space separated dependencies. The conventions would be same as routes in react routing. E.g. react-bootstrap lodash moment. This script run the code

  • Dev Dependencies: (npm i -D <devDependencies>)
    You can enter separated dev dependencies. The conventions would be same as routes in react routing. E.g. prettier husky lint-staged.

Examples šŸ¤–

  • npx reexjs-cli. Run reexjs normally.
  • npx reexjs-cli -n Run reexjs with next default configuration.
  • npx reexjs-cli -r Run reexjs with react default configuration.

TODOs āœ…

  • Get notification every time an update is available. šŸ””
  • Choose JavaScript and TypeScript. šŸ”„
  • Choose preferred export type: named or default. šŸ¤”
  • Add Redux/MobX/useContext state management setup. āš™ļø
  • Style your app EXACTLY Like Google. šŸ˜Ž

License

ReexJs CLI is licensed under the terms of MIT

Built with ā¤ļø by Codax.

Downloads/wk

3

GitHub Stars

26

LAST COMMIT

NaNyrs ago

MAINTAINERS

1

CONTRIBUTORS

0

OPEN ISSUES

0

OPEN PRs

0
VersionTagPublished
1.2.2
latest
10mos ago
No alternatives found
No tutorials found
Add a tutorial