WebDesign Dackel

react-routerでページ遷移にちょっとしたアニメーションを付ける

react-routerのリポジトリを見ると、アニメーション用のサンプルがありました。 以前、同じような事をやろうとして上手く出来なかったので、この機会に試してみました。 それぞれのライブラリのバージ...

Reduxで定期的なアクションを実行する簡単なサンプルを作ってみた

Reduxで定期的なアクションを実行する簡単なサンプルを作ってみた

個人的に作ってみたいサイトがあって、どうせならモダンな感じで書きたいなぁということで、少しずつReduxを触ってみています。 Reduxは初めて使いますが、Reactは以前、CoffeeScriptで...

React.jsとMediaWikiAPIでWikipediaのビューワーアプリを作ってみた

React.jsとMediaWikiAPIでWikipediaのビューワーアプリを作ってみた

はじめに よくReact.jsとくっついて説明されているFluxを勉強したいなぁ〜と思ったので、サンプルとしてReact.jsとMediaWikiAPIを使って、Wikipediaのビューワーアプリの...

React.jsで消費税の計算アプリを作ってみた

React.jsで消費税の計算アプリを作ってみた

はじめに 最近ちょこちょこと触ってきたReact.jsですが、まだ小さいコンポーネントをいくつか作ってみただけでした。 そろそろ実用的なサンプルを作ってみたいなと思ったので、シンプルな機能の消費税の計...

Reactでドラッグアンドドロップを実装したいので、react-dndを使ってみた

Reactでドラッグアンドドロップを実装したいので、react-dndを使ってみた

やりたいこと 例えば、TODO管理のWebアプリでタスクの並び替えを実装しよう!となった時、ドラッグ&ドロップを使って順番を入れ替えたいですよね。 ただ、React.jsでは基本的に直接DOM操作は行...

React.jsでリストの追加・削除時にアニメーションを付ける

React.jsでリストの追加・削除時にアニメーションを付ける

はじめに この前はReact.jsをCoffeeScriptで書いていくための環境を構築しました。 少し時間があいてしまいましたが、やっと公式のチュートリアルが終わりました。 チュートリアルは、簡単に...

ReactをCoffeeScriptで書くための開発環境を整える

ReactをCoffeeScriptで書くための開発環境を整える

はじめに 今年初めくらいから触ってみたいなと思っていたReact.jsですが、色々と情報が増えてきてやっと手をつける気になってきたので、これから勉強していきたいと思いました。 そこでどうせならCoff...