An introduction to JSPM

jspm.io

Background

• Built on System JS
• Ships with transpiler
• Has its own registry

System JS

Universal module loader

github.com/systemjs/systemjs

Features

• Easy setup
• Handles AMD, CJS & ES6
• Runs in browser*
• Manages packages via npm & github
• Plays nice with React & JSX

*in dev mode

Setup

• Install globally
• Go to or create new folder
• Run jspm init
• Follow instructions

Config

• Choose module environment
• Install modules
• Import or require modules

Registry

• Install packages via shortcut
• Anyone can contribute via github

Resources

• http://javascriptplayground.com/blog/2014/11/js-modules-jspm-systemjs/
• https://github.com/jackfranklin/jspm-es6-react-example
• https://medium.com/@swirlycheetah/getting-started-with-jspm-systemjs-d6f2560b7eb4