JavaScript

React hooks対応のReact ReduxはどこでuseSelector、useDispatchするのか

2019 M11 7
React hooksに対応したv7.1.0以降のReact Redux。非常にすっきりと処理をかける反面、どこでuseSelector、useDispatchするかを試行錯誤しています

JavaScriptの変数宣言、var、let、constの使い方とオブジェクト型のコピー、更新について

2019 M08 24
JavaScriptの変数宣言、var、let、constの使い方の説明。また、変数にオブジェクト型を代入した時、直感的でない振る舞いをするオブジェクトや配列について解説し、それらのデータ更新やコピー方法をまとめました。

ESLintを使用してJavaScriptの開発効率を上げる

2019 M07 21
ESLintを使用すると、誤字、セミコロン、クオート、未使用の変数やブロックなど開発中に気づきにくいミスが見つけやすくなります。また、独自のルールを作成できるので同じコードを触る人でルールの統一がしやすく、不必要な差分を減らすことができます。この記事ではESlintの設定方法を紹介します。

ライブラリなしのJavaScriptで作る、module pattern + Closureを使ったCounterのサンプル

2019 M07 17
ライブラリなしのJavaScriptでmodule patternを採用しCounterを作る方法を紹介します。Closureを使うことでfunction内にprivateな変数、関数を定義できるため開発、保守、テストが行いやすいはずです。

納得するための、なぜフロントエンド開発でwebpackなどを用いた複雑なJavaScript開発環境を作るのか

2019 M06 30
JavaScriptの開発環境を整えるのは難しく、プログラムではなく開発環境を揃える学習コストがかかりがち。なぜフロントエンド開発に様々なツールを使い、開発環境が必要なのかをまとめました。

初めてReactをプロダクションで採用した時に役立ったこと、情報収集について

2019 M05 4
Reactを導入する時に試行錯誤したこと、情報の集め方など