Motomichi Works Blog

モトミチワークスブログです。その日学習したことについて書いている日記みたいなものです。

reactjs

React.jsその0006 FluxとReduxも合わせて考えていくので記事を集めて読んでみる

参考にさせて頂いたページ reactjs/redux の GitHub GitHub - reactjs/redux: Predictable state container for JavaScript apps reactjs/react-redux GitHub - reactjs/react-redux: Official React bindings for Redux FluxとReduxについてざっくり概要 結…

webpackを使ってES2015、React.jsのビルド環境を構築する

参考にさせて頂いたページ webpackのすごく基本 webpack で始めるイマドキのフロントエンド開発 - Qiita 主に参考にさせて頂いたページ Webpackでイチから作るReact.js開発環境 - Qiita babelとwebpackを使ってES6でreactを動かすまでのチュートリアル - Qii…

gulp+browserify+watchify+babelifyを導入してReact.jsのプロジェクトを作る

参考にさせて頂いたページ 以前作ったgulpのプロジェクト gulp+browserify+watchify+babelifyを導入してプロジェクトを作りなおしてみる - MOTOMICHI WORKS BLOG gulpを使う場合 React.js + Babel + Browserify + gulp の環境を作ってみた - Qiita WebPackを…

React.jsその0005 ボタンのonClickイベントでclassを取ったり付けたりする

バージョン React v0.13.2 react_sample.htmlの記述内容 <html> <head> <script src="build/react.js"></script> <script src="build/JSXTransformer.js"></script> <script type="text/jsx" src="app/react_sample.js"></script> </head> <body> <style type="text/css"> .example{ display:none; } .is-show{ displ…</body></html>

React.jsその0004 input type="text" の要素に入力した値をbutton要素のonClickイベントで反映する(UnControlled Component)

参考にさせて頂いたページ reactjs - React.jsでFormを扱う - Qiita バージョン React v0.13.2 react_sample.htmlの記述内容 <html> <head> <script src="build/react.js"></script> <script src="build/JSXTransformer.js"></script> <script type="text/jsx" src="app/react_sample.js"></script> </head> <body> </body></html>

React.jsその0003 input type="text" の要素に入力した値をonChangeでリアルタイムに反映する(Controlled Component)

参考にさせて頂いたページ reactjs - React.jsでFormを扱う - Qiita 今話題のReact.jsはどのようなWebアプリケーションに適しているか? Introduction To React─ Frontrend Conference | HTML5Experts.jp バージョン React v0.13.2 react_sample.htmlの記述…

React.jsその0002 scriptを外部ファイルに切り出す

参考にさせて頂いたページ いま最も注目のライブラリ「React.js」でシングルページアプリケーションを作ってみよう! 【前編】 (2/3):CodeZine バージョン React v0.13.2 前回のreact_sample.htmlの記述内容 <html> <head> <script src="build/react.js"></script> <script src="build/JSXTransformer.js"></script> </head> <body> <div id="example"></div> </body></html>

React.jsその0001 公式サイトのHello, worldをやってみる

参考にさせて頂いたページ Getting Started | React いま最も注目のライブラリ「React.js」でシングルページアプリケーションを作ってみよう! 【前編】 (1/3):CodeZine React.jsチュートリアル【日本語翻訳】 | mae's blog バージョン React v0.13.2 ダ…