https://github.com/rwieruch/minimal-react-webpack-babel-setup

The minimal React, Webpack, Babel Setup. You want to get beyond create-react-app?
https://github.com/rwieruch/minimal-react-webpack-babel-setup

babel babel-setup babel7 boilerplate react react-boilerplate webpack webpack4

Last synced: 1 day ago
JSON representation

The minimal React, Webpack, Babel Setup. You want to get beyond create-react-app?

• Host: GitHub
• URL: https://github.com/rwieruch/minimal-react-webpack-babel-setup
• Owner: rwieruch
• Created: 2017-02-22T21:11:09.000Z (almost 8 years ago)
• Default Branch: master
• Last Pushed: 2022-02-13T18:29:27.000Z (almost 3 years ago)
• Last Synced: 2025-01-13T09:04:23.881Z (9 days ago)
• Topics: babel, babel-setup, babel7, boilerplate, react, react-boilerplate, webpack, webpack4
• Language: JavaScript
• Homepage: https://www.robinwieruch.de
• Size: 8.8 MB
• Stars: 856
• Watchers: 34
• Forks: 304
• Open Issues: 1
• Metadata Files:
  • Readme: README.md
  • Funding: .github/FUNDING.yml

Awesome Lists containing this project

README

        
# minimal-react-webpack-babel-setup

[![Build Status](https://travis-ci.org/rwieruch/minimal-react-webpack-babel-setup.svg?branch=master)](https://travis-ci.org/rwieruch/minimal-react-webpack-babel-setup) [![Greenkeeper badge](https://badges.greenkeeper.io/rwieruch/minimal-react-webpack-babel-setup.svg)](https://greenkeeper.io/)

Read how to set it up yourself: [React with Webpack Tutorial](https://www.robinwieruch.de/minimal-react-webpack-babel-setup/).

[![Edit minimal-react-webpack-babel-setup](https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/s/github/rwieruch/minimal-react-webpack-babel-setup/tree/master/?fontsize=14)

## Features

- React 16

- Webpack 5

- Babel 7

- Hot Module Replacement

## DIY Add-Ons

- [ESLint](https://www.robinwieruch.de/react-eslint-webpack-babel/)

- [CSS Modules](https://www.robinwieruch.de/react-css-modules/)

- [SVG Icons](https://www.robinwieruch.de/react-svg-icon-components/)

- [Fonts Support](https://www.robinwieruch.de/webpack-font/)

- [Images Support](https://www.robinwieruch.de/webpack-images/)

- [Docker](https://www.robinwieruch.de/docker-react-development)

## Alternatives

- [Advanced React Webpack Babel Setup](https://github.com/rwieruch/advanced-react-webpack-babel-setup) via this [Tutorial](https://www.robinwieruch.de/webpack-advanced-setup-tutorial)

## Installation

- `git clone [email protected]:rwieruch/minimal-react-webpack-babel-setup.git`

- cd minimal-react-webpack-babel-setup

- npm install

- npm start

- visit `http://localhost:8080/`