We dropped Lerna from our monorepo architecture in PouchDB 6.0.0. I got a question about this from @reconbot, so I thought I'd explain our reasoning.
First off, I don't want this post to be read as "Lerna sucks, don't use Lerna." We started out using Lerna, but eventually outgrew it because we wrote our own custom thing. Lerna is still a great idea if you're getting started with monorepos (monorepi?).
Backstory:
| import deepFreeze from "deep-freeze"; | |
| import isPlainObject from "lodash/fp/isPlainObject"; | |
| export function wrapSanityChecks(reducer) { | |
| if (process.env.NODE_ENV === "production") return reducer; | |
| return (state, action) => { | |
| if (!isPlainObject(action)) { | |
| const msg = `Bad action object of type ${typeof action}`; |
A few years ago, when the Frontend developer tooling craze hadn't yet started, techniques for building and optimizing JavaScript applications varied. Many were using shell scripts (cat to concatenate files etc.), tools provided by the web framework (like Play Framework's templates), or some generic Java-based tools. There might have been some manual operations (especially around minifying for production builds), and most of the tooling was not JavaScript-based.
Then Frontend developers started to notice that it was really hard to reason about lots of files that each rely on some globals (making the inclusion order significant) and expose a "namespace" (global variable) for other files to use. Then came AMD (Asynchronous Module Definition), which enabled making modules that define their dependencies and that explicitly exposed their exports. AMD modules were used together with the require.js tool and the r.js optimizer. The A in AMD (asynchronous) was a clear design choi
This is a proposal for a lightning talk at the Reactive 2015 conference.
NOTE: If you like this, star ⭐ the Gist - the amount of stars decides whether it makes the cut!
React just got stateless components, meaning that they are in essence pure functions for rendering. Pure functions make it dead simple - even fun - to refactor your views
| /* @flow */ | |
| var T = require('immutable'); | |
| type Branch = T.List<string> | |
| type TrainLine = T.Map<string, Branch> | |
| type CTAMap = T.Map<string, TrainLine> | |
| /* | |
| * Representation of Chicago's train stops and branches |
| { | |
| "name": "my-app", | |
| "version": "1.0.0", | |
| "description": "My test app", | |
| "main": "src/js/index.js", | |
| "scripts": { | |
| "jshint:dist": "jshint src/js/*.js", | |
| "jshint": "npm run jshint:dist", | |
| "jscs": "jscs src/*.js", | |
| "browserify": "browserify -s Validating -o ./dist/js/build.js ./lib/index.js", |
| requirejs.config({ | |
| shim: { | |
| backbone: { | |
| deps: ['underscore', 'jquery'], | |
| exports: 'Backbone' | |
| }, | |
| underscore: { | |
| exports: '_' | |
| }, | |
| "Handlebars": { |
