deepumandal / react-webpack-configuration

hey guy's this is a sample repository where you can learn how to create your own react app using webpack 5 as compiler and necessary packages. Give start to this if you learnt something new here. ❣️

Home Page:https://deepumandal.github.io/react-webpack-configuration/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Web App Init

Command Line Interface (CLI) for Bootstrapping React Templates

Web App Init is a powerful and user-friendly CLI tool that allows you to quickly bootstrap new React applications with different templates, configurations, and styling options. It simplifies the process of setting up a new project by providing a streamlined interface for selecting your preferred stack.

Features

  • 🚀 Effortless Installation: Get started with your project in seconds. Simply run npx web-app-init to initiate the installation process.

  • 🛠 Template Customization: Choose from a variety of React templates, including TypeScript and JavaScript, and customize your project based on your specific needs.

  • 🎨 Styling Options: Tailwind CSS, MUI, Chakra UI, CSS, or SCSS – select the styling library that best suits your project requirements.

  • ⚙️ Webpack Configuration: Open up the webpack configuration to tailor your project for production. Customize to your heart's content for advanced optimization and performance tweaks.

  • 💻 Beautiful Terminal Prompts: Enjoy an interactive and visually appealing input experience using the enquirer library.

Usage

  1. Run the Installer:

    • Install web-app-init as a global dependency.
      npm i -g web-app-init
    • Run the following command:
      web-app-init
    • Alternatively, you can use npx directly:
      npx web-app-init
  2. Follow the Prompts:

    • Select your directory to use.

    Image 1 Image 3

    • Select your preferred template (TypeScript or JavaScript).

    Image 4

    • Choose your styling library (Tailwind CSS, MUI, Chakra UI, CSS, or SCSS).

    Image 5

  3. Hooray, Ready to Use!

    cd folder-name
    npm i
    npm start

Contributors

A big thank you to the contributors who have made this project possible:

License

This project is licensed under the MIT License.

About

hey guy's this is a sample repository where you can learn how to create your own react app using webpack 5 as compiler and necessary packages. Give start to this if you learnt something new here. ❣️

https://deepumandal.github.io/react-webpack-configuration/


Languages

Language:JavaScript 54.6%Language:TypeScript 27.6%Language:CSS 14.7%Language:HTML 3.1%