タグ

2015年8月2日のブックマーク (4件)

  • Unable to access React instance (this) inside event handler

    I am writing a simple component in ES6 (with BabelJS), and functions this.setState is not working. Typical errors include something like Cannot read property 'setState' of undefined or this.setState is not a function Do you know why? Here is the code: import React from 'react' class SomeClass extends React.Component { constructor(props) { super(props) this.state = {inputContent: 'startValue'} } se

    Unable to access React instance (this) inside event handler
  • React.jsチュートリアル【日本語翻訳】

    フロントエンドの世界では今React.jsが注目されてきていて、自分もチュートリアルをやる機会があって、その際に日語訳(和訳)を簡単に作っていました。まだこのチュートリアルに関して翻訳されたものがなさそうだったので、ちょっと手直ししてブログにアップすることにしました。誤訳などもあるかと思いますが、Google翻訳よりはマシだと思ってお使いいただければと思います。 当記事のチュートリアルは「React v0.13」当時の古い内容のものとなっています。最新の「React」の公式チュートリアルの翻訳記事は以下となります。 Reactチュートリアル: Intro To React【日語翻訳】 – maesblog React.js React.jsReactはFacebookが開発しているJavaScriptのフレームワークです。MVCで言う所のViewの部分に特化したフレームワークとなってい

    React.jsチュートリアル【日本語翻訳】
    sadah
    sadah 2015/08/02
  • 現場で使えるgulp入門 | 第1回 gulpとは何か

    現場で使えるgulp入門 第1回 gulpとは何か さまざまな作業を自動化するビルドシステムgulpの基礎を解説します。第1回目は、gulpとは何か? 自動化のメリットはどこにあるのか概観。インストールから簡単なタスクを走らせてみます。 はじめに このシリーズでは、JavaScriptで書かれたビルドシステムであるgulp(ガルプ)について、導入から使い方など、基的な部分を解説します。 なお、記事執筆時点のgulpのバージョンは3.8.7です。 第1回目では、まず、なぜgulpのようなツールが必要なのか、ツールの背景に触れます。さらにgulpの概要と、環境設定を中心に解説します。 gulpとは gulpはNode.jsをベースとしたビルドシステムヘルパーです。以前CodeGridでも紹介したGruntと似た目的を持って作られたツールで、gulpを使えばさまざまな作業を自動化することができ

    現場で使えるgulp入門 | 第1回 gulpとは何か
    sadah
    sadah 2015/08/02
  • ES6 で書く環境(Babel + Browserify + gulp 編)& RxJS と jQuery の導入例 - Qiita

    自分的にはどの JavaScript ライブラリを試すにしても、この環境の上に目的のライブラリを載せるnのが一番効率が良いかなと思い、テンプレート化してみた。 テスト系が含まれていないが、学習目的ならこれで十分かと。 下記は補足です。 Node.jsモジュールの構成(package.json) 主要なのは browserify と、Babel 用のトランスパイラである babelify です。最悪この2つだけあれば、 package.json の scripts の build に書いてあるようなコマンドを叩く(もしくはこの環境の場合は $ npm run build で実行できる)ことで ES6 から ES5 への変換および Browserify による Node.js ライブラリ(= npm コマンドでインストールした node_modules 配下のライブラリ)を含んだ形で、Jav

    ES6 で書く環境(Babel + Browserify + gulp 編)& RxJS と jQuery の導入例 - Qiita