Skip to content

Instantly share code, notes, and snippets.

@terrierscript
terrierscript / Provierの例.js
Last active November 2, 2015 13:25
Redux初めて触って色々わかったメモ ref: http://qiita.com/inuscript/items/8dc5af052a858023287f
<Provider store={store}>
{() => <App/>}
</Provider>
export default function(selector, fn){
let dom = document.querySelector(selector)
if(dom){
return fn(dom)
}
}
@terrierscript
terrierscript / file0.js
Created October 7, 2015 23:34
React 0.14 - ExecutionEnvironmentはどこへいった ref: http://qiita.com/inuscript/items/ea525382b0d5d605c2b9
import ExecutionEnvironment from 'react/lib/ExecutionEnvironment'
@terrierscript
terrierscript / file0.js
Last active November 4, 2015 08:47
Stateless functional componentsでnull返してはまった話 ref: http://qiita.com/inuscript/items/05469cc3787de4e6a49a
const FooItem = ({ show }) => {
if(!show){
return null
}
return (
<div>some component</div>
)
}
@terrierscript
terrierscript / file0.js
Last active December 9, 2015 01:22
EcmaScript6のハマり記法問答集(変数編) ref: http://qiita.com/inuscript/items/03b5affa614c50d72d5a
var a = "hoge" // もう忘れていい
let b = "fuga" // 変更できる値。mutable
const c = "baz" // 変更できない値。immutable
@terrierscript
terrierscript / file0.js
Last active November 9, 2015 13:19
Babel + Browserfyでコメントを除去したいだけなら特殊なpluginなどはいらなかった話 ref: http://qiita.com/inuscript/items/fb5a2b5c7f47cb642aae
gulp.task('babel-build', function(){
browserify({
entries: "someFile.js",
extensions: ['js', 'jsx'],
})
.transform(babelify.configure({
comments: false // これ!
}))
.pipe(source("bundle.js"))
.pipe(gulp.dest("/dest"))
@terrierscript
terrierscript / file0.txt
Last active November 20, 2015 15:10
bowerやrails-assetsの代替としてjsdelivrを使う ref: http://qiita.com/inuscript/items/f709283b377f3c349a62
https://cdn.jsdelivr.net/g/jquery@1.11.3,jquery.ui@1.11.4
@terrierscript
terrierscript / actions.js
Last active December 15, 2016 12:41
Reduxでのクライアントサイドvalidationをどこでやるべきか? ref: http://qiita.com/inuscript/items/5bed7812b3c1447b7b60
// 値は値でreducerに返す
export const appendTask = (task) => {
return {type: "TODO_ADD", payload: task}
}
// 別途、エラーがあれば、そちらもactionを生成する
export const checkTaskError = (task) => {
if(!isValidTodo(task)){
return {type: "ERROR_MESSAGE", payload: "Input Some word"}
}
@terrierscript
terrierscript / file0.html
Created December 28, 2015 13:11
Sassの@eachを使ってタブ実装をするCSS思いついた ref: http://qiita.com/inuscript/items/295616708cc18c255995
<ul id="list1">
<li>AAAA</li>
<li class="active">BBBB</li>
<li>CCCC</li>
</ul>
@terrierscript
terrierscript / file0.txt
Last active January 16, 2016 12:36
SourcemapをRequest Headerから指定させて捗らせる話 ref: http://qiita.com/inuscript/items/eec749c3ba00eb8ac693
X-SourceMap: /path/to/script.js.map