JavaScript Playground
javascriptplayground.com · Personal blog · on HN since 2012
Jack Franklin's JavaScript tutorials on Promises, webpack, React tooling, Node.js, Backbone, and jQuery.
What HN saysHN commenters link it for its webpack 2 migration guide, noting configuration changes such as "loaders" becoming "rules".
15HN people shared it
4linked it in comments
47stories submitted
339story points
8 years agolast shared
2012people per year2026
Most-shared posts
- 1Embracing Promises in JavaScript2 people · 6 points · first shared 2015 · discussion on HN
- 2Misconceptions of [React.js] Tooling in JavaScript2 people · 4 points · first shared 2016 · 1 comments on HN
- 3Moving to webpack 22 people · first shared 2016
- 4Beginning Node.js Development1 people · 60 points · first shared 2012 · 11 comments on HN
- 5An introduction to jQuery Deferreds1 people · 50 points · first shared 2012 · 10 comments on HN
- 6Exploring Backbone.js Tutorial1 people · 49 points · first shared 2012 · 3 comments on HN
- 7An introduction to the JavaScript Module Pattern1 people · 36 points · first shared 2012 · 15 comments on HN
- 8An introduction to PubSub & jQuery Implementation1 people · 31 points · first shared 2012 · 4 comments on HN
- 9Writing a basic jQuery tutorial with Grunt & QUnit1 people · 13 points · first shared 2012 · 3 comments on HN
- 10JavaScript Scope & "this"1 people · 9 points · first shared 2012 · 3 comments on HN
- 11JS Testing Workflow tips with QUnit, PhantomJS & Mockjax1 people · 8 points · first shared 2012 · discussion on HN
- 12Lessons learned migrating complex JavaScript applications1 people · 7 points · first shared 2017 · discussion on HN
- 13Getting started with TypeScript and React1 people · 4 points · first shared 2017 · discussion on HN
- 14A tutorial on Testing a JavaScript Project with QUnit1 people · 3 points · first shared 2012 · discussion on HN
- 15Thinking Asynchronously1 people · 3 points · first shared 2013 · discussion on HN
What HN people wrote when they linked it
hughes · 2017-01-16
My favorite change is how configuration has been clarified. For example, see how loaders are configured now - instead of using a giant string delimited by special characters like this:
'css-loader?modules-true!postcss-loader!sass-loader'
Loaders are configured with an ordered list:
[
{
loader: 'css-loader',
options: {
modules: true
}
},
{
loader: 'postcss-loader'
},
{
loader: 'sass-loader'
}
]
It takes up way more space but it's also entirely clear what's happening.
More config changes are summarized here:
http://javascriptplayground.com/blog/2016/10/moving-to-webpack-2/
Lyren · 2017-04-19
The style I like to use is the css/scss webpack loader.
Basically, you import a .scss file into your .jsx.
The scss is compiled and at the same time imported into .jsx as a hashmap where the key is your scss class-name & the value is the compiled class-name. I think this sounds like what you're looking for since it keeps jsx & css in their respective files but still being coupled into their own component which is easier to reason about.
http://javascriptplayground.com/blog/2016/07/css-modules-webpack-react…
igvadaimon · 2016-11-02
I guess most of the changes are 'under the hood', but there are some breaking changes in configuration as well.
"loaders" => "rules" etc.
http://javascriptplayground.com/blog/2016/10/moving-to-webpack-2/
bearwithclaws · 2013-03-14
I made Sideshow because:
1) I always wanted to start a daily digest/newsletter of some kind and I'm super passionate about side projects.
2) I wanted to learn more about JavaScript, Node.js and Redis.
And there it is. It's built with ~300 lines of code of Node.js + Express + Redis, has an admin area to manage links (I called it 'Backstage'[1]) and MailChimp API integration for automated newsletter sending (both daily and weekly).
[1]: http://i.imgur.com/rkwiMAm.png
My learning resources:
- JavaScript: http://javascriptissexy.com/how-to-learn-javascript-properly/ (I'm on week 3-4)
- Node.js: http://www.nodebeginner.org/
- Express (and Redis): http://javascriptplayground.com/blog/2012/06/node-express-todo-app-red…
P.S: Notice that there weren't any sexy AJAX stuff on the site. It's because I haven't learned one of those front-end MVC framework yet (Backbone/Angular/Ember), which should be my priority this week.