へっぽこびんぼう野郎のnewbie日記

けろけーろ(´・ω・`)! #vZkt8fc6J

React

Re-Mixing verbose Actions, Action Creators, dispatching codes in Component, and switching codes in Reducer.

Re-mixing verbose Actions, Action Creators, dispatching codes in Component, and switching codes in Reducer. When we usually change the state of the store of Redux with React, we write Action, Action Creator, connect them with Container Com…

相対パスでパスを解決するのをやめてプロジェクトルートでパスを解決しよう in create-react-app

相対パスでインポートするのまじだるお 今いる場所とか考えるのだるくね?ファイル移動したら死ぬぞ import Header from '../../components/Header'; import Grid from '../../components/Grid'; import TransactionForm from '../TransactionForm'; import …

Reactで毎回同じclassName書くのありえないしComponent作ってたら似たComponentばっかできたのでまとめるモジュール書いた

デモ ↓ここで動く WebpackBin webpack.bin めっちゃ便利。無いと生きていけない 説明 import React from 'react' import classnames from 'classnames' const createClassnamesComponent = (CustomTagName, classnamesList) => { const accumulator = {} cla…

Reduxのソースを読んでみたので、Reactを使わずにReduxを説明してみた(Redux入門)

Redux読んだ 会社の勉強会で発表したので共有も兼ねて。スライドはこれ↓ Reduxをざっくり読んでみた。 この記事の前提知識 EcmaScriptがあることは知っている ES6を使うにはBabelがオススメ! npmでインストールするのとかpackage.jsonとかは知ってる。それ…

JS初心者から ES6、React、Reduxへの道ガイドを書いた(・ω・)【ES6入門】

追記(Reduxのせつめいについて(2016/07/08) heppoko.hatenadiary.jp Title会社の勉強会用にスライドを書きました。disり芸しすぎているかもしれない。 ここ違うよっていうところがあったら教えてほしいです。 スライドの概要 ESの説明 → ES6で書いてみる → R…

全然よくわからないけどReact + TypeScript + webpackをとりあえずつかってみた

前提知識 npm webpackこのへんの説明は完全に省くので、webpackってなにだとか、webpack.config.jsの設定ってなにするのとか、npmってなんやねんって場合はそっちを読まないとたぶんイミフだと思います。(暗黙の了解とかを多用しているので) バージョン we…