React.js + ES6 + WebPack のチュートリアルになります。 私は普段のプロジェクトではAngularJS 1.4 を使用しており ReactJSを知ったかぶり でこれまで周りを騙してきましたが そろそろ本当にヤバイ感じなので、ちゃんと勉強してみました 元ネタのLearnCode.academyさんのビデオはこちら 本記事では説明のため、かなり簡略化してます。 オリジナルのビデオ https://www.youtube.com/watch?v=MhkGQAoc7bc オリジナルのソースコード https://github.com/learncodeacademy/react-js-tutorials 彼のYouTubeチャンネルには、他にも良いビデオがありますので是非ご覧ください。 Chap 1 セットアップ 1. ソースコードの作成 以下のファイルを作成します。 { "
React基礎 レッスン Lesson 01: 環境構築 Lesson 02: ES2015について Lesson 03: 関数型の書き方 Lesson 04: 初めてのコンポーネント Lesson 05: 初めてのinline style Lesson 06: 初めてのprops Lesson 07: 配列からの展開 Lesson 08: フォームの定義 Lesson 09: フォームによるデータ追加 Lesson 10: 総合課題「目的特化型電卓を作ってみよう」 おまけ Appendix 01: 様々なコンポーネントの書き方 Appendix 02: コンポーネントのstate Appendix 03: コンポーネントのライフサイクルメソッド Appendix 04: JSX vs. createElement Appendix 05: PropTypes Appendix 06: p
こんにちは、WantedlyのWebエンジニアの高松です。 このエンジニアブログでも何度かReact関連の話題が出ていますが、WantedlyではReact + Reduxを中心としたWebフロントエンドの技術スタックを導入して開発しています。 今回はスタックの導入方法や勘所について、詳しく解説してみたいと思います。特に既存のRails環境にReactなどの導入を検討していらっしゃる方の参考になれば、と思います。 今回の内容は以前発表した以下のスライドを元にしています。 これまでのWantedlyのフロントエンド開発 まず、今回のスタック導入前のWantedlyのフロントエンド開発がどのようなものであったのかについてご説明します。 Wantedlyの開発リポジトリを参照すると、最初のコミットは2011年9月になっています。現在は社内でもマイクロサービス化の動きが始まっていますが、基本的にW
(編注:2016/07/29、いただいたフィードバックをもとに記事を修正いたしました。) 免責事項: 私はJSX、Flux、 ES6 、そして webpack を非常に気に入っています。これらのツールについては他のシリーズで話します。 React.jsが騒ぎを起こしているのはご存知の通りです。確かに、 XMLHttpRequest 以来の良いツールです。しかし、調査に数時間を費やした挙句、あまりに多くの用語に 圧倒された だけで終わっていないでしょうか。JSX、flux、ES6、webpack、react-routerが使える今、 *他に必要なのは React の使い方を説明してくれる人だけです。* 喜んでください、それがまさに当シリーズでやろうとしていることです。信じられませんか?大丈夫、 2分後、 初めてのReactアプリを作った後には納得いただけるでしょう。何もダウンロードせずに、で
Reactを触ってみた経緯 ReactのJSXについて凄く恥ずかしい誤解をしていた事に今週の月曜に気が付いた。 えっ、ReactのJSXってDeNAのJSXじゃなくてJavascript XMLって意味だったの…(今更) — 野生の男 (@yasei_no_otoko) December 15, 2014 のでメインで使っているCoffeeScriptでReactを初体験してみることにした。 環境構築 npmコマンドでCoffeeScript用のReact/JSXトランスレータをインストール /Users/yasei_no_otoko/.nodebrew/node/v0.10.34/bin/cjsx -> /Users/yasei_no_otoko/.nodebrew/node/v0.10.34/lib/node_modules/coffee-react/bin/cjsx coffee-r
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く