blog @arfyasu

プログラミングとか趣味のこととか

React

webpack + ESLint + React のスタートテンプレートを作った

React を webpack と ESLint で開発するためのテンプレートを作ってみました。 何度も同じ環境作るの面倒だったことが主な理由です。 ちょっとしたものを作ったり、勉強するために使う分には、今のところ不自由はありません。 これから勉強しようと思ってい…

React のコードを ESLint で検証する

はじめに 相変わらず、TODOアプリを作りながら React の勉強をしています。 JavaScript に lint ツールがあるのを知らずにコーディングしていたのですが、ESLint を使ってみて便利だったので手順をまとめておきます。 eslint.org これで、 セミコロンのつけ…

React でストップウォッチを作ったよ

はじめに 前回のクリックカウンタと起動時間を組み合わせて何か作れないかと考えた所、ストップウォッチを思いついた。 ということで、React でストップウォッチを作ってみました。 ストップウォッチ デザインやストップウォッチの表記は別として、、、 動き…

React のサンプルで勉強中

はじめに React をダウンロードすると付属している example を写経中。 ページを開いてからの時間を表示するサンプルとクリックするとカウントアップするサンプルとの2つを作ったので載せておきます。 経過時間表示 ポイント「Prop」 外部から値を渡す場合、…

React 始めました - Hello React

はじめに npm が使えるようになったので、早速 React の Hello world をやりたいと思います。 npm コマンド使えない人は、ここ見て環境作るといいと思います。 arfyasu.hatenablog.com 手順は、React の Getting Started のページに沿って進めます。 faceboo…