1. Компоненты Фронтенда
Андрей Листочкин

2. Андрей Листочкин
@listochkin
github.com/listochkin
listochkin@outlook.com
Tech Lead, Grammarly

3. В забеге участвуют
<script>
AMD
Browserify
Component JS
EcmaScript 6

4. <script>
window.MyLib.MyComponent
= (function (MyLib) {
// Your Code
return // Exports
}(window.MyLib));

5. И?
Легко поломать? Да
Нужен Билд? Нет
Нужны конфиги? Нет
Автоскачка? Нет
Не JS? Да
Реюз? С трудом

6. AMD
window.define('MyComponent',
function (require) {
var dep = require('dep');
// Your Code
return // Exports
});

7. И?
Легко поломать? Нет
Нужен Билд? Нет/Да
Нужны конфиги? Да
Автоскачка? Нет
Не JS? В JS
Реюз? Норм

8. Browserify
// my-component.js
var dep = require('dep');
// Your Code
module.exports = // Exports

9. И?
Легко поломать? Нет
Нужен Билд? Да
Нужны конфиги? Нет*
Автоскачка? Да
Не JS? В JS
Реюз? Да

10. Component JS
// my-component.js
var dep = require('dep');
// Your Code
module.exports = // Exports

11. И?
Легко поломать? Нет
Нужен Билд? Да
Нужны конфиги? Да
Автоскачка? Да
Не JS? Да
Реюз? Нет

12. EcmaScript 6
module 'MyComponent' {
import { dep } from 'dep';
// Your Code
export // Exports
}

13. И?
Легко поломать? Нет
Нужен Билд? Нет*
Нужны конфиги? Нет
Автоскачка? Да
Не JS? Нет
Реюз? Норм

14. И?

15. И всё!