開発ブログ

react

reactでリストをレンダリングする際に気をつけること – key指定

reactにおいてリストを動的にレンダリングする場合、key要素に正しい値を指定すべきである。未指定、配列のインデックスを使用する、ということを避け、なんらかのロジック(ここではshortidを使用)で採番した一意なIDを指定すべきである...
react

reactでリストをレンダリングする際に気をつけること – 配列操作

reactでリストをレンダリングするためにstateに配列を持たせる。この配列の操作を謝ると、リストは期待通りに更新されない。reactを始めたばかりの頃はハマってしまうことも多いと思われる。 だめな例 App.tsx ...
react

create-react-appでsource mapを出力しない方法

create-react-appで作成したアプリをビルドすると、ソースマップ(*.js.map)が自動的に作成される。ソースマップを作成したくない場合は、".env.production"あたりに GENERATE_SOURCEMA...
react

create-react-appで作成したwebアプリのファイルサイズを削る

create-react-appで作成したアプリをクラウドにリリースしようとしたが、ファイルサイズが少々気になったため、これを削ってみることにした。 npx create-react-app コマンドで作成したreactアプ...
react

reactで新しいwebアプリを作成する(2020年4月時点)

reactを使用して新しいwebアプリの作成を開始してみる。この記事では雛形のビルドまでを行っているが、実に短時間で完了する。なお今回はエディタとして無料のVisual Studio Codeを採用している。最近は仕事現場でもVisual...
タイトルとURLをコピーしました