Download to read offline
![angular.module(“myApp.services”, []).
value(“version”, 0.1).
service(“echoHello”, [ “version”, function (version) {
return function () {
console.log(“hello, “ + version);
};
}]);
module.exports = function (version) {
return function () {
console.log(“hello, ” + version);
};
};](https://image.slidesharecdn.com/shitf-angularjs-to-react-150830054417-lva1-app6892/85/AngularJS-React-19-320.jpg)
![[Node] Multiprocessing and runs continuously](https://cdn.slidesharecdn.com/ss_thumbnails/node20111119-111119065644-phpapp01-thumbnail.jpg?width=640&height=640&fit=bounds)
AngularJSからReactに移ったケースの話
- 1.
- 2.
- 4. Agenda • 自分がフロントエンド JSフレームワークを AngularJS から React に移した背景を紹介 • 思い出（昔話）を語ります • 記憶の（都合よい）改変があるかも • 当時と今はまた状況が変わってます
- 5. サーバサイドがメイン • Web アプリケーション& インフラエンジニア • JavaScript はついでにやる程度だった • jQuery でなんかやるくらい
- 6.
- 10.
- 11.
- 12.
- 13. サーバサイドがメイン (2回目) • Webアプリケーション & インフラエンジニア • JavaScript は で使っている
- 14. • かなり優れた ecosystem • JS 開発環境 • concat, minify, compile • browserify &
- 15. は Node.js 普及前の成果物 • 当時のAngularJS (1.2 直後) は CommonJS module 体制ではなかった • ライブラリも当然ながら非 CommonJS • ツールだけは Node.js を有効活用していた (ex. Testacular - 現 Karma)
- 17. • bower のみ •AngularJS 公式ではないものは一応あった は CommonJS module じゃなので による配布はされていなかった
- 18. package.json を持っていない GitHubJS コードを npm_modules 以下へ持ってくるツールを使う require(“angular/angular”); Browserify によってコードがバンドルされる
- 19. angular.module(“myApp.services”, []). value(“version”, 0.1). service(“echoHello”,[ “version”, function (version) { return function () { console.log(“hello, “ + version); }; }]); module.exports = function (version) { return function () { console.log(“hello, ” + version); }; };
- 20. Node.js 利用者から見ると微妙に マッチしていない JavaScript実装体制 できなくはないが 無理やりフィットさせている。
- 21.
- 22.
- 23. Node.js 以後の世界 npm modulesは資産 React
- 24.
- 25. One way dataflow Simple (not Easy) React
- 26.
- 27. CommonJS modules 化 すべてnpm で導入可能
- 28.
- 29.
- 30. まとめ • AngularJS はそこまで嫌いでもなかった •自分にとってフィットしてなかっただけ （環境、時代） • 状況はまた一刻と変わってます 好みで選びましょう
- 31. Question ? ( for) React