4 ms·

There are simpler ways; I don't mind webpack, I just find it hideously over complex at times; if a large % of React tutorials preface the part you want to read

There are simpler ways; I don't mind webpack, I just find it hideously over complex at times; if a large % of React tutorials preface the part you want to read with long, differing, detailed explanations as to how to set Webpack up, I think there's something wrong. Brunch works well, for example this is simpler: npm i -g brunch brunch new myApp -s react cd myApp npm start // server starts on port 3333 That's just basic react app (here's an idea, why not add incrementally as things are needed???). Brunch doesn't do hot reloading ATM, but otherwise it Just Works, and is deployable and very extensible based on need. So normally I'd go nuts and put sass, JS' staging features, a test framework in for dev. And redux, a router, immutability for the app. But only the bit above this paragraph is needed to get started with an app, not a toy, pretend one, an actual app. v0v npm i --save-dev sass-brunch ava babel-preset-stage-0 npm i --save redux react-router immutable some-other-shiny-react-library

mikewhy 10y ago
(Warning: shameless self promotion ahead) I wrote parched-tasks-webapp, heavily inspired by Brunch, but built on top of gulp and browserify. It does have hot reloading. Say you want to build a font from .svgs: npm install --save parched-webfont mkdir -p app/assets/glyphs/ Now you'll get an icon font from any SVGs in that folder. Here's an example app to try out: https://github.com/bravenewworlddev/parched-example-app https://github.com/bravenewworlddev/parched-example-app
Cyph0n 10y ago
Brunch looks pretty cool actually.
- RobertKerans 10y ago
  It's been around for ages (2011), and I still don't think anything else has it beat in terms of 'get developing an app immediately'. It hasn't really got any magic, and yet it mostly just works out-of-the-box without any configuration. Some of the stuff surrounding it is a little out of date (for example, the Sass package is a bit flakey at times, though that can generally be fixed by just blowing away node_modules and `npm i` reinstalling), but it's used as the frontend build system for the Elixir web framework Phoenix, so it's been getting quite a bit of TLC recently. It also only got proper, inbuilt NPM support near the end of last year (though that can occasionally be flakey), which I guess is one of the major reasons it hasn't had a lot of love vs Webpack, or Grunt/Gulp (w/Browserify) prior to that.

mikewhy 10y ago

(Warning: shameless self promotion ahead) I wrote parched-tasks-webapp, heavily inspired by Brunch, but built on top of gulp and browserify. It does have hot reloading. Say you want to build a font from .svgs: npm install --save parched-webfont mkdir -p app/assets/glyphs/ Now you'll get an icon font from any SVGs in that folder. Here's an example app to try out: https://github.com/bravenewworlddev/parched-example-app https://github.com/bravenewworlddev/parched-example-app

Cyph0n 10y ago

Brunch looks pretty cool actually.

RobertKerans 10y ago
It's been around for ages (2011), and I still don't think anything else has it beat in terms of 'get developing an app immediately'. It hasn't really got any magic, and yet it mostly just works out-of-the-box without any configuration. Some of the stuff surrounding it is a little out of date (for example, the Sass package is a bit flakey at times, though that can generally be fixed by just blowing away node_modules and `npm i` reinstalling), but it's used as the frontend build system for the Elixir web framework Phoenix, so it's been getting quite a bit of TLC recently. It also only got proper, inbuilt NPM support near the end of last year (though that can occasionally be flakey), which I guess is one of the major reasons it hasn't had a lot of love vs Webpack, or Grunt/Gulp (w/Browserify) prior to that.