Make your react app with components and pages customized to your needs with routing and navigation with desired dependencies already done for you. Everything within a click’s reach.
. Report Bug · Request Feature
An application to help you build your react apps faster. Make your react app with components and pages customized to your needs with routing and navigation with desired dependencies already done for you. Everything within a click’s reach.
To get a local copy up and for running the project locally, follow these simple steps.
Have Node along with a package manager installed in the system.
git clone https://github.com/amanjagdev/react-builder.git
cd react-builder
yarn | npm install
yarn start | npm start
Here you can select your preferred starter environment currently it only supports create-react-app
. Moreover, you can choose between yarn or npm/npx. And you can give the name to your project.
You can directly mention packages you want to add in the app. Ex: We have react-router-dom axios
etc…
Here you can add all the component Names with their type, and you can select whether a component is a page or not.
Note: Routing will only be done between components marked as pages
You can enable routing in your app from here. And you can select which component to use as Navigation Component or you can say Navigation Bar.
NOTE : Don’t remove react-router-dom
dependency if you enable routing
Once you click on Create App It will download a js file and will give you a script
You would need to place that js file in the folder you want to create the react app and run the script there.
You have successfully created your react app with desired preferences.
The folder structure generated with App.js on following the above steps looks like this.
See the open issues for a list of proposed features (and known issues).
Contributions are what make the open source community such an amazing place to be learn, inspire, and create. Any contributions you make are greatly appreciated.
git checkout -b feature/AmazingFeature
)git commit -m 'Add some AmazingFeature'
)git push origin feature/AmazingFeature
)Author: amanjagdev
Demo: https://react-builder.now.sh/
Source Code: https://github.com/amanjagdev/react-builder
#react #reactjs #javascript