johnghioca / reactjs-boilerplate Goto Github PK

#React Boilerplate Inspired by HTML5 Boilerplate. This is for those who want a simple setup to immediately start working on your ReactJS project without wasting time having to setup the project. This includes the essentials for using Sass, ReactJS, Babel, and Webpack in your web based project.

##What does it include?

• autoprefixer: CSS vendor autoprefixer
• babel-core: Babel compiler core
• babel-loader: This package allows transpiling JavaScript files using Babel and webpack
• babel-preset-es2015: Babel preset for all es2015 plugins
• babel-preset-react: Babel preset for all React plugins
• clean-webpack-plugin: A webpack plugin to remove your build folder(s) before building
• copy-webpack-plugin: Copy files and directories in webpack
• css-loader: CSS loader module for webpack
• eslint: Tool for identifying and reporting on patterns found in ECMAScript/JavaScript code
• eslint-plugin-react: React specific linting rules for ESLint
• extract-text-webpack-plugin: Extract text from bundle into a file
• file-loader: File loader module for webpack
• html-webpack-plugin: Simplifies creation of HTML files to serve your webpack bundles
• http-server: A simple zero-configuration command-line http server
• img-loader: Image minimizing loader for webpack
• node-sass: Natively compile .scss files to css at incredible speed and automatically via a connect middleware
• postcss-loader: PostCSS loader for webpack to postprocesses your CSS with PostCSS plugins
• react: React is a JavaScript library for building user interfaces
• react-dom: React package for working with the DOM
• react-hot-loader: Tweak React components in real time
• sass-loader: Sass loader for webpack
• source-map-loader: Extracts inlined source map and offers it to webpack
• url-loader: Return a Data Url if the file is smaller than a limit
• webpack: Bundler for modules
• webpack-dev-server: Serves a webpack app and Updates the browser on changes

##Setup

$ npm install
$ npm run build

###Recomended Install the eslint addon in your favorite editor eslint for JavaScript linting, which includes ES6 and JSX.

###Development

$ npm run dev

Then go to http://localhost:8080/ in your browser.