はてなブックマーク

import React, { PropTypes } from 'react'; import thunk from 'redux-thunk'; import { render } from 'react-dom'; import { applyMiddleware, createStore } from 'redux'; import { Provider, connect } from 'react-redux'; // Action function actionIncrement() { return { type: 'INCREMENT', count: 1 }; } function actionIncrementAsync() { return dispatch => { setTimeout(() => { dispatch(actionIncrement()); },

'use strict'; import AppDispatcher from './app_dispatcher'; import React from 'react'; import ReactDOM from 'react-dom'; import {EventEmitter} from 'events'; // Store class CounterStore extends EventEmitter { constructor() { super(); AppDispatcher.register(this._onAction.bind(this)); this.CHANGE_EVENT = 'change'; this.counter = 0; } _onAction(action) { switch(action.actionType) { case 'COUNTER/UPD

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

// Karma configuration // Generated on Mon Dec 21 2015 12:22:32 GMT+0900 (JST) module.exports = function(config) { config.set({ // base path that will be used to resolve all patterns (eg. files, exclude) basePath: '', // frameworks to use // available frameworks: https://npmjs.org/browse/keyword/karma-adapter frameworks: ['mocha', 'browserify'], // list of files / patterns to load in the browser f

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

var EventEmitter = require('events').EventEmitter; var React = require('react'); var assign = require('object-assign'); var keyMirror = require('keymirror'); var AppDispatcher = require('./app_dispatcher'); var CounterConstants = keyMirror({ UPDATE_COUNTER: null }); // Store var CHANGE_EVENT = 'change'; var counter = 0; var CounterStore = assign({}, EventEmitter.prototype, { getCounter: function()

import {EventEmitter} from 'events'; import React from 'react'; import AppDispatcher from './app_dispatcher'; const COUNTER_CONST = { UPDATE_COUNTER: 'UPDATE_COUNTER' }; // Store let SINGLETON = Symbol(); let SINGLETON_ENFORCER = Symbol(); class CounterStoreSingleton extends EventEmitter { constructor(enforcer) { super(); if (enforcer !== SINGLETON_ENFORCER) { throw "Cannot construct singleton"; }

/*global casper*/ casper.test.begin('Test Sample', 2, function(test) { var selectbox = '#lang-chooser'; var lang = 'fr'; casper.start('https://www.google.com/doodles'); casper.then(function() { var params = {}; test.comment('change the value of the select box'); params[selectbox] = lang; this.fillSelectors('#language-menu',params); test.assertEvalEquals( function(selector) { return document.queryS

問題 PhantomJS1.x系だと ReactJS を使った箇所が表示されなかった PhantomJS2系だと表示される模様 CasperJS1.1-beta3 で PhantomJS2 は使えない CasperJS のmaster だと暫定で PhantomJS2 が使える 検証1（phantomjs1.x + casperjs1.1-beta3） 下準備 capture.js var casper = require('casper').create({}); var url = "http://todomvc.com/examples/react/#/"; casper.userAgent('Mozilla/5.0 (iPhone; CPU iPhone OS 8_1 like Mac OS X) AppleWebKit/600.1.4 (KHTML, like Gecko) Ve

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

環境とか整えずに弄りたい場合 CDN を使って最小構成。html と js は分割しておきたいので2ファイル。 これだけでwebブラウザで表示できる。 JSXTransformer.js のおかげでjsxを変換しないで実行できる。 ちなみに Google Chorome の場合はデフォルトでローカルのファイルを読み込めないので下記2つの方法など オプションつけて起動する方法 open -a Google\ Chrome --args -allow-file-access-from-files pythonの簡易サーバーを利用する方法 python -m SimpleHTTPServer 8080 ファイル構成 example01.html example01.jsx

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?