Build React and Next applications most fast and efficiently

This content originally appeared on DEV Community and was authored by Alexis Guzman

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

1. Install ReexJs
   • Npm: npx reexjs-cli
   • Yarn: yarn reexjs-cli
2. Choose the app name. By default is reexjs-app.
3. Choose the framework between react.js and next.js.
4. Select predefined folders and add custom folders.
5. Write your normal dependencies and dev dependencies.
6. 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.

If you have an idea to improve the application or any type of suggestion please leave it below in the comments thanks.

This content originally appeared on DEV Community and was authored by Alexis Guzman

Print Share Comment Cite Upload Translate Updates

APA

Alexis Guzman | Sciencx (2021-05-13T21:49:48+00:00) Build React and Next applications most fast and efficiently. Retrieved from https://www.scien.cx/2021/05/13/build-react-and-next-applications-most-fast-and-efficiently/

MLA

" » Build React and Next applications most fast and efficiently." Alexis Guzman | Sciencx - Thursday May 13, 2021, https://www.scien.cx/2021/05/13/build-react-and-next-applications-most-fast-and-efficiently/

HARVARD

Alexis Guzman | Sciencx Thursday May 13, 2021 » Build React and Next applications most fast and efficiently., viewed ,<https://www.scien.cx/2021/05/13/build-react-and-next-applications-most-fast-and-efficiently/>

VANCOUVER

Alexis Guzman | Sciencx - » Build React and Next applications most fast and efficiently. [Internet]. [Accessed ]. Available from: https://www.scien.cx/2021/05/13/build-react-and-next-applications-most-fast-and-efficiently/

CHICAGO

" » Build React and Next applications most fast and efficiently." Alexis Guzman | Sciencx - Accessed . https://www.scien.cx/2021/05/13/build-react-and-next-applications-most-fast-and-efficiently/

IEEE

" » Build React and Next applications most fast and efficiently." Alexis Guzman | Sciencx [Online]. Available: https://www.scien.cx/2021/05/13/build-react-and-next-applications-most-fast-and-efficiently/. [Accessed: ]

rf:citation

» Build React and Next applications most fast and efficiently | Alexis Guzman | Sciencx | https://www.scien.cx/2021/05/13/build-react-and-next-applications-most-fast-and-efficiently/ |

Please log in to upload a file.

There are no updates yet.
Click the Upload button above to add an update.

You must be logged in to translate posts. Please log in or register.