All Projects → temilaj → react-webpack-starter

temilaj / react-webpack-starter

Licence: MIT license
A really simple boiler plate for creating react applications bundled by webpack (using ES6+, Babel, SASS and webpack development server) ⚛️

Programming Languages

javascript
184084 projects - #8 most used programming language
HTML
75241 projects
CSS
56736 projects

Projects that are alternatives of or similar to react-webpack-starter

monoreact
📦 React workspaces implementation
Stars: ✭ 13 (-84.88%)
Mutual labels:  yarn, react-boilerplate, react-app
react-theme
Production ready Wordpress theme built with React, Redux, Redux-Thunk, Intl, React Router v4, etc... and packaged by Webpack 2. Enjoy!
Stars: ✭ 14 (-83.72%)
Mutual labels:  react-boilerplate, webpack2, react-app
react-starter-kit
🚀 React starter kit for a modern single page (SPA) application (dependencies updated at 28 July 2017). Zero configuration. Ready to go. Just paste your code!
Stars: ✭ 26 (-69.77%)
Mutual labels:  react-boilerplate, webpack2, react-app
Webpack Cdn Plugin
A webpack plugin that use externals of CDN urls for production and local node_modules for development
Stars: ✭ 306 (+255.81%)
Mutual labels:  yarn, webpack2, webpack3
Vue Blog
A single-user blog built with vue2, koa2 and mongodb which supports Server-Side Rendering
Stars: ✭ 586 (+581.4%)
Mutual labels:  yarn, webpack2
Eth Hot Wallet
Ethereum wallet with erc20 support / web wallet - built using react, web3, eth-lightwallet
Stars: ✭ 205 (+138.37%)
Mutual labels:  react-boilerplate, webpack3
Vue Admin Element
(Vue2 演示项目)物业后台管理系统 - ElementUI ( 基本结构已完成, 剩下的就是具体业务开发; 如有疑问请留言 )
Stars: ✭ 73 (-15.12%)
Mutual labels:  yarn, webpack2
webpack-boilerplate
Webpack 4 boilerplate (babel, eslint, prettier, jest, sass, postcss, hmr, browsersync)
Stars: ✭ 33 (-61.63%)
Mutual labels:  webpack2, webpack3
Barebones
A barebones boilerplate for getting started on a bespoke front end.
Stars: ✭ 127 (+47.67%)
Mutual labels:  yarn, webpack2
modular
Scaffold a react monorepo and its component parts.
Stars: ✭ 13 (-84.88%)
Mutual labels:  yarn, webpack2
react-typescript
React16 + HMR + typescript + webpack + tslint + tests
Stars: ✭ 21 (-75.58%)
Mutual labels:  yarn, webpack3
Redux Webpack Es6 Boilerplate
A starter project for modern React apps with Redux
Stars: ✭ 566 (+558.14%)
Mutual labels:  react-boilerplate, webpack2
react-webpack2-skeleton
Get started with React with Webpack2, React-Router, Redux, Code Splitting and Server Rendering
Stars: ✭ 59 (-31.4%)
Mutual labels:  yarn, webpack2
tde-webpack-mjml-plugin
Webpack plugin for converting MJML files to HTML
Stars: ✭ 12 (-86.05%)
Mutual labels:  webpack2, webpack3
edgestack
[UNMAINTAINED] A Universal React Stack with deeply integrated localization Support, semi-automatic route-based code splitting, Hot Module Reloading (HMR), Redux, Apollo GraphQL and more...
Stars: ✭ 77 (-10.47%)
Mutual labels:  react-boilerplate, webpack2
React Redux Styled Hot Universal
react boilerplate used best practices and focus on performance
Stars: ✭ 147 (+70.93%)
Mutual labels:  yarn, webpack2
react-boilerplate
Step by Step React Boilerplate
Stars: ✭ 35 (-59.3%)
Mutual labels:  react-boilerplate, webpack3
react-js-boilerplate
A React + Redux + HOT + Webpack + Material-UI + Sass boilerplate
Stars: ✭ 14 (-83.72%)
Mutual labels:  react-boilerplate, webpack2
winmoji
Emoji lookup for Windows 😉 https://www.winmoji.com https://twitter.com/winmoji
Stars: ✭ 79 (-8.14%)
Mutual labels:  yarn, webpack2
path-replace-loader
Path replace loader for webpack
Stars: ✭ 14 (-83.72%)
Mutual labels:  webpack2, webpack3

React Webpack Starter

License: MIT GitHub version

A boiler plate for creating react applications bundled by webpack (using ES6+, Babel, SASS and webpack development server)

Features

  • ES6 and greater => ES5 code transpiling (with Babel)
  • Styling with SASS
  • File bundling with webpack
  • local development with the webpack development server

Requirements

To run this project, you’ll need to install node 5 and above. The latest version of Node.js is recommended.

The dependencies of this project are managed with yarn (see installation guide here). However you can simply use the node package manager, npm for your dependency management.

Setting up

  • Clone this project to any folder on your local machine
git clone https://github.com/temilaj/react-webpack-starter.git <FOLDER_NAME_HERE>
  • Navigate into the folder name specified
cd <FOLDER_NAME_HERE>

Installing Packages

  • For those who love yarn
yarn install
  • For those who love NPM
npm install

Runnning the bundle

 yarn build

or

 npm run build

Running the app in Development

Run npm start to intialize and run the webpack development server. Navigate to http://localhost:3000/. The app will automatically reload if you change any of the source files.

Running the app in Production

To run the app in production build of the app, use either of the following.

 yarn start

or

 npm start

LICENSE

MIT © Temi Lajumoke

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].