All Projects → yamafaktory → Babel React Rollup Starter

yamafaktory / Babel React Rollup Starter

Licence: mit
A simple boilerplate for web apps with React, Babel, and Rollup.

Programming Languages

javascript
184084 projects - #8 most used programming language

Projects that are alternatives of or similar to Babel React Rollup Starter

React Modern Library Boilerplate
Boilerplate for publishing modern React modules with Rollup
Stars: ✭ 285 (+129.84%)
Mutual labels:  rollup, babel, boilerplate
Node Developer Boilerplate
🍭 Boilerplate for ES6+ Node.js and npm Developer
Stars: ✭ 82 (-33.87%)
Mutual labels:  babel, boilerplate
React Starter
🚀 A minimal react boilerplate featuring easy-peasy state management and styled-components
Stars: ✭ 79 (-36.29%)
Mutual labels:  babel, boilerplate
React Boilerplate
This project is deprecated. Please use CRA instead.
Stars: ✭ 88 (-29.03%)
Mutual labels:  babel, boilerplate
Express Security
nodejs + express security and performance boilerplate.
Stars: ✭ 37 (-70.16%)
Mutual labels:  babel, boilerplate
Tris Webpack Boilerplate
A Webpack boilerplate for static websites that has all the necessary modern tools and optimizations built-in. Score a perfect 10/10 on performance.
Stars: ✭ 1,016 (+719.35%)
Mutual labels:  babel, boilerplate
React Redux Saucepan
A minimal and universal react redux starter project. With hot reloading, linting and server-side rendering
Stars: ✭ 86 (-30.65%)
Mutual labels:  babel, boilerplate
Next Boilerplate
A well-structured production ready Next.js boilerplate with Typescript, Redux, Jest, Enzyme, Express.js, Sass, Css, EnvConfig, Fetch, Reverse Proxy, Bundle Analyzer and Built-in Project CLI. https://pankod.github.io/next-boilerplate/
Stars: ✭ 936 (+654.84%)
Mutual labels:  babel, boilerplate
Shortstack
🥞 minimal Rollup + PostCSS modern syntax starter template
Stars: ✭ 94 (-24.19%)
Mutual labels:  rollup, babel
Frontie Webpack
Front-end Boilerplate | Gulp 4 + Webpack 4 + Babel + ITCSS Architecture + BEM Methodology + Twig.js
Stars: ✭ 102 (-17.74%)
Mutual labels:  babel, boilerplate
Babel Plugin Prismjs
A babel plugin to use PrismJS with standard bundlers.
Stars: ✭ 114 (-8.06%)
Mutual labels:  rollup, babel
Express React Boilerplate
🚀🚀🚀 This is a tool that helps programmers create Express & React projects easily base on react-cool-starter.
Stars: ✭ 32 (-74.19%)
Mutual labels:  babel, boilerplate
Bili
Bili makes it easier to bundle JavaScript libraries.
Stars: ✭ 949 (+665.32%)
Mutual labels:  rollup, babel
React Boilerplate
Production-ready boilerplate for building universal web apps with React and Redux
Stars: ✭ 53 (-57.26%)
Mutual labels:  babel, boilerplate
Yarn Package Boilerplate
An Yarn package with babel, jest, flow, prettier and more
Stars: ✭ 10 (-91.94%)
Mutual labels:  babel, boilerplate
Svelte Example
🚀 📚 Some examples to test the Svelte Framework
Stars: ✭ 85 (-31.45%)
Mutual labels:  rollup, babel
Simple Boilerplate
A simple webpack boilerplate for your comfortable work with HTML, JS and CSS.
Stars: ✭ 116 (-6.45%)
Mutual labels:  babel, boilerplate
Preact Redux Typescript Rollup Starter
Smallest "React-like" + Redux starter EVER - 13KB min&gzip
Stars: ✭ 24 (-80.65%)
Mutual labels:  rollup, boilerplate
Svelte Tailwind Extension Boilerplate
A Chrome extension boilerplate built with Svelte, TailwindCSS, Jest, and Rollup.
Stars: ✭ 26 (-79.03%)
Mutual labels:  rollup, boilerplate
Forge Node App
🛠📦🎉 Generate Node.js boilerplate with optional libraries & tools
Stars: ✭ 90 (-27.42%)
Mutual labels:  babel, boilerplate

babel-react-rollup-starter Build Status npm version Standard - JavaScript Style Guide

A simple boilerplate for web apps with React, Babel, and Rollup.

Installation

Via npm into a fresh project:

npm i babel-react-rollup-starter

Or using Git:

git clone https://github.com/yamafaktory/babel-react-rollup-starter.git
cd babel-react-rollup-starter
npm i

For a faster installation, use yarn instead of npm.

Usage

Development

Running the following command will open your default browser to html/index-dev.html. Thanks to Browsersync, any modifications inside src trigger a browser refresh:

npm start

To generate a development bundle:

npm run build:dev

Production

  1. First run the following command:
npm run build
  1. Open html/index.html in your browser.

The Rollup production configuration file changes NODE_ENV to production and minifies the code with UglifyJS.

Linting

The code quality is checked by the JavaScript Standard Style.

License

Released under the MIT license by Davy Duperron.

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].