All Projects → nnmrts → electron-react-bloatfree

nnmrts / electron-react-bloatfree

Licence: MIT license
A simple alternative to electron-react-boilerplate

Programming Languages

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

Projects that are alternatives of or similar to electron-react-bloatfree

Create Elm App
🍃 Create Elm apps with zero configuration
Stars: ✭ 1,650 (+9605.88%)
Mutual labels:  hmr
koa-webpack-server
Koa2 webpack all-in-one environment for universal development
Stars: ✭ 14 (-17.65%)
Mutual labels:  hmr
angular-hmr-loader
🔥 Angular HMR Webpack Loader by @AngularClass
Stars: ✭ 32 (+88.24%)
Mutual labels:  hmr
Template Rwb
A full-featured Webpack setup with hot-reload
Stars: ✭ 165 (+870.59%)
Mutual labels:  hmr
Minimal React Starter
As minimal a react starter as you can get... while also using ES6/Babel and Webpack.
Stars: ✭ 246 (+1347.06%)
Mutual labels:  hmr
webpack-boilerplate
Webpack 4 boilerplate (babel, eslint, prettier, jest, sass, postcss, hmr, browsersync)
Stars: ✭ 33 (+94.12%)
Mutual labels:  hmr
Todolist Frontend Vuejs
Front-end application for Todolist Web application built with Laravel and Vue.js
Stars: ✭ 120 (+605.88%)
Mutual labels:  hmr
react-typescript
React16 + HMR + typescript + webpack + tslint + tests
Stars: ✭ 21 (+23.53%)
Mutual labels:  hmr
Prefresh
Hot Module Reloading for Preact
Stars: ✭ 247 (+1352.94%)
Mutual labels:  hmr
example-app
Example app showcasing fulls1z3's Angular libraries
Stars: ✭ 27 (+58.82%)
Mutual labels:  hmr
React Hot Loader Loader
A Webpack Loader that automatically inserts react-hot-loader to your App 👨‍🔬
Stars: ✭ 176 (+935.29%)
Mutual labels:  hmr
React Starter Kit
React, Redux, Webpack, Material UI, Boostrap 4, Code Splitting, HMR
Stars: ✭ 229 (+1247.06%)
Mutual labels:  hmr
react-ui-kit-boilerplate
A minimal React UI Kit boilerplate with Storybook, hot reloading, Styled Components, Typescript and Jest
Stars: ✭ 88 (+417.65%)
Mutual labels:  hmr
Kirby Webpack
💪 A Kirby CMS starter-kit with modern frontend tools
Stars: ✭ 150 (+782.35%)
Mutual labels:  hmr
stapp
A Frontend boilerplate for High productivity
Stars: ✭ 22 (+29.41%)
Mutual labels:  hmr
Bad Ass Salesforce Stack
B.A.S.S. Starter: react / redux / typescript / antd / ts-force / sfdx / webpack / salesforce
Stars: ✭ 126 (+641.18%)
Mutual labels:  hmr
webpack-hmr
🔨Easy implementation of webpack Hot-Module-Replacement(hmr)
Stars: ✭ 120 (+605.88%)
Mutual labels:  hmr
svelte-template-hot
Copy of official Svelte template with added HMR support
Stars: ✭ 61 (+258.82%)
Mutual labels:  hmr
minimal-hapi-react-webpack
Minimal Hapi + React + Webpack + HMR (hot module reloading) Sandbox
Stars: ✭ 55 (+223.53%)
Mutual labels:  hmr
react-themeit
An easy way to theme your components using css modules and js css objects thanks to aphrodite. Also works with asynchronously loaded styles!
Stars: ✭ 28 (+64.71%)
Mutual labels:  hmr

Electron React Bloatfree

A boilerplate repository based on electron-react-boilerplate without all the bloat you may don't want like Redux, React Router and jest.

At least Wikipedia says

boilerplate code or just boilerplate are sections of code that have to be included in many places with little or no alteration

but the original repository doesn't really offer that.

This repository gives you the freedom to create a desktop app with React,

  • without cleaning up the package.json first,
  • without deleting a bunch of folders and files you won't use anyway,
  • without being restricted to a router based setup even though you eventually only need one view,
  • and without opinionated linting and editor configs telling you how to format your code,

while still providing the basic toolset most people use for maintaining an app, like eslint, flow and yarn.

If this setup still doesn't satisfy your vanilla needs,

  • you can easily remove all the flow stuff,
  • switching to another package manager shouldn't be that time consuming either (delete .yarnclean, yarn.lock and replace all references to yarn in the package.json file)
  • and changing the linting setup is even recommended (change the "rules" in .eslintrc file as needed or delete them alltogether),

but I'm planning to make a lite version, where all of the things above are already done for you. The only reason an eslint config is included here is because it's meant to be used to develop this boilerplate, not to be part of your project. Just like the CHANGELOG file for example, this is meta stuff you can replace or delete safely after cloning.

Install

First, clone the repo via git:

git clone --depth 1 --single-branch --branch master https://github.com/nnmrts/electron-react-bloatfree.git your-project-name

And then install the dependencies with yarn.

cd your-project-name
yarn

Starting Development

Start the app in the dev environment. This starts the renderer process in hot-module-replacement mode and starts a webpack dev server that sends hot updates to the renderer process:

yarn dev

Packaging for Production

To package apps for the local platform:

yarn package

Why I did this

The goal of this repository is just to save you some time. I'm not saying the original repository isn't great, because it is. But the probability that you want to use all of the stuff included and not something else is just too small to include it in a boilerplate in my opinion. So, yeah, this repository is probably "opinionated" too.

License

MIT © Electron React Boilerplate

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