Build React/Next apps most fast and efficiently

13 April, 2021

3 min read

Can we save the time we spend configuring our React and Next projects? With Reex CLI we will save a few minutes.

Hello, world. Usually, developers 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 is that we can start working on our application without worrying about the initial configuration.

With ReexJs we can:

Create a react.js or next.js app.

Create folders with a list of predefined lists and add custom folders.

Create routes if your choose react or pages for next.

Install normal dependencies and dev dependencies.

Requirements

Node Js

An active internet connection for CLI to work.

How it works

ReexJs use npx create-react-app <appname> or npx create-next-app <appname> and spawn from child_process to run one of the two commands.

To create the folders use mkdirSync from fs, and depending on if you previously choose react.js or next.js folders will be created in different paths, for react.js these will be created in src/, and for next.js folder will be created in the root path /.

Finally to install the dependencies spawn is also used when installing the framework. npm i <dependencies> for normal dependencies and npm i -D <devDependencies>.

How to use it

Install ReexJs

Npm: npx reexjs-cli

Yarn: yarn reexjs-cli

Choose the app name. By default is reexjs-app.

Choose the framework between react.js and next.js.

Select predefined folders and add custom folders.

Write your normal dependencies and dev dependencies.

Finally change the directory and run npm start or npm run dev.

Conclusion

ReexJs can save us time and start working on our application without worrying about the initial configuration.

So take a ☕ and relax.

Thank you for reading 🙏

If you enjoyed this article or found it helpful, share this post to whoever you think will help, and if you have an idea to improve the application or any type of suggestion please leave it in the repository.

Feel free to connect 👋