2016年09月27日

vue.jsの基本

vue.jsを最初に触ってから、結構たったのでもう一度復習。続きを読む
タグ:vue.js
【vue.jsの最新記事】
posted by ねこまんま at 17:37 | Comment(0) | TrackBack(0) | vue.js | 更新情報をチェックする

2016年07月12日

ES2016(ES7)のbind syntax

ES2016(ES7)のbind syntaxでは以下のようにbind()を記述できる、

::this.handleIncrement


Babelの場合以下のように変換を行う。

this.handleIncrement.bind(this);


続きを読む
タグ:ES2016 ES7
posted by ねこまんま at 17:38 | Comment(0) | TrackBack(0) | 関数/文法 | 更新情報をチェックする

React/ReduxのMiddleware

React/Reduxで非同期処理やアクションの制御はMiddlewareを介して行うのが良いらしい。続きを読む
posted by ねこまんま at 07:32 | Comment(0) | TrackBack(0) | React | 更新情報をチェックする

ES2015(ES6)の慣れるまで読みにくい記述

React/ReduxのMiddlewareで見かける以下の記述。

const logger = store => next => action => {
next(action);
}


Arrow Functionの特性を活かした感じの記述でBabelでは以下のように変換を行います。

var logger = function logger(store) {
return function (next) {
return function (action) {
console.log("before");
next(action);
console.log("after");
};
};
};
続きを読む
タグ:ES2015 ES6 BABEL
posted by ねこまんま at 07:21 | Comment(0) | TrackBack(0) | 関数/文法 | 更新情報をチェックする

2016年06月29日

react-router-reduxでTODOリスト

React+Redux でTODOリストで作ったTODOリストの一覧ページと追加ページを分離してreact-router-reduxで管理するサンプル。続きを読む
posted by ねこまんま at 19:09 | Comment(0) | TrackBack(0) | React | 更新情報をチェックする

React+Redux でTODOリスト

React+Redux でTODOリストを作ってみたのでメモ続きを読む
タグ:Redux
posted by ねこまんま at 17:57 | Comment(0) | TrackBack(0) | React | 更新情報をチェックする

Reactでinputを扱う

参考:Reactでinputを扱う - Qiita

Reactではinpuの値を自分で管理しなくちゃいけない。続きを読む
posted by ねこまんま at 09:54 | Comment(0) | TrackBack(0) | React | 更新情報をチェックする

2016年06月22日

イベント処理

メンテナブルJavaScriptを呼んでいて、イベント処理のハンドラ分岐が意識できていなかったのでメモ続きを読む
posted by ねこまんま at 14:58 | Comment(0) | TrackBack(0) | 関数/文法 | 更新情報をチェックする

2016年05月30日

react-routerの使い方

react-routerの使い方メモ。続きを読む
posted by ねこまんま at 00:34 | Comment(0) | TrackBack(0) | React | 更新情報をチェックする

2016年05月25日

axiosを試してみた。

jQueryを利用せずにAjaxをやりたかったのでaxiosを試してみた。続きを読む
posted by ねこまんま at 12:03 | Comment(0) | TrackBack(0) | Tool | 更新情報をチェックする

2016年05月24日

ReactのshouldComponentUpdateサンプル

ReactのライフサイクルないのshouldComponentUpdate()でfalseを返すとrenderメソッドが走らない。
続きを読む
posted by ねこまんま at 00:09 | Comment(0) | TrackBack(0) | React | 更新情報をチェックする

2016年05月22日

Riot.js入門

Riot.jsが気になるので触ってみる。続きを読む
タグ:Riot.js
posted by ねこまんま at 00:51 | Comment(0) | TrackBack(0) | Riot.js | 更新情報をチェックする

2016年04月19日

React+ES6でTODOリスト

React+ES6でTODOリスト作ってみた。続きを読む
タグ:REACT
posted by ねこまんま at 14:37 | Comment(0) | TrackBack(0) | React | 更新情報をチェックする

2016年04月18日

React.ComponentでReact.findDOMNode()がエラーになる

React.ComponentでReact.findDOMNode()を利用しようとすると「Uncaught TypeError: _react2.default.findDOMNode is not a function」というエラーが出てしまいました。続きを読む
posted by ねこまんま at 08:11 | Comment(0) | TrackBack(0) | React | 更新情報をチェックする

2016年04月17日

React+Redux+ES6でカウンター

React+ES6でカウンターのRedux使ったバージョン。続きを読む
タグ:REACT Redux ES6
posted by ねこまんま at 18:11 | Comment(0) | TrackBack(0) | React | 更新情報をチェックする

React+ES6でカウンター

React+ES6でカウンターサンプルを作ってみました。続きを読む
タグ:REACT ES6
posted by ねこまんま at 16:38 | Comment(0) | TrackBack(0) | React | 更新情報をチェックする

2016年04月16日

Webpackでファイル監視

WebpackでReactを使ってみる」の続き。

Webpackでファイル監視を行い自動コンパイルを行うには「webpack --watch」で起動すれば監視が開始します。
タグ:REACT WebPACK
posted by ねこまんま at 16:07 | Comment(0) | TrackBack(0) | React | 更新情報をチェックする

2016年04月13日

WebpackでReactを使ってみる

とりあえずWebpackでReactを使うまでのメモ続きを読む
タグ:WebPACK REACT
posted by ねこまんま at 21:21 | Comment(0) | TrackBack(0) | React | 更新情報をチェックする

2016年02月12日

gulpでエラー

久々にgulpを実行したら以下の様なエラーが。

Error: Cannot find module 'object-assign'


ないらしいのでインストール。

npm install --save-dev object-assign


そんでもってgulpを実行したらまだ以下の様なエラーがbabelがアレらしい。

Error: Cannot find module 'babel-core'


とりあえずないらしいのでインストール。

npm install --save-dev babel-core


これでおk。
タグ:GULP BABEL
posted by ねこまんま at 21:33 | Comment(0) | TrackBack(0) | gulp | 更新情報をチェックする

2016年02月06日

npm init -y

npm initで-yオプションを使っている記事があったのでどういったオプションかメモ。

npm initだとプロンプト(対話)形式でpackage.jsonを作成するが-yオプションを使うと対話せず初期値で作ってくれる。便利

 npm init -y


-yや--yes、-f、--forceなんかでもおk
posted by ねこまんま at 10:08 | Comment(0) | TrackBack(0) | node.js | 更新情報をチェックする