Skip to content

A minimalist, barebones example of how to setup a project with React + Webpack

Notifications You must be signed in to change notification settings

ponchorage/react-webpack-barebones-example

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

1 Commit
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

React Webpack Barebones Example

This is a barebones, minimalist example of how to use React with webpack. Thanks to Thomas Deutsch's react-webpack repo which we pulled from as an example.

This example repo is primarly for people who have existing projects. You can look and see what minimal files / settings are needed for integrating react and webpack into your project. If you're looking for a starter boiler plate for a new project I'd recommend either react-webpack for a simple starter or react-stater for a starter with all the possible bells & whistles.

Install

Download this repository to your local project folder and run npm install from the folder where the package.json is located.

System Requirements

Install node.js and git.

After node.js is installed, run this command to install the webpack cli tool:

npm install webpack -g 

Build

Run webpack to build your project into the public/build/main.bundle.js. Run webpack -watch from your project folder to continuously watch for changes and re-build your public/build/main.bundle.js file. To test you can simply open your public/index.html file in a browser.

More Bells & Whistles

Know of any other userful things to checkout for someone implementing React + Webpack? Make a pull request and add them to the list!

About

A minimalist, barebones example of how to setup a project with React + Webpack

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 93.9%
  • HTML 6.1%