メモアプリの仕様

• テキストボックスに内容を入力して[追加]ボタンを押すと一覧に追加される

• 各行の[削除]ボタンを押すと該当行が一覧から削除される

• TypeScriptを使用する

• CSSの適用方法は、 CSS Modules を採用する

学習メモ

ts-memo-app プロジェクトをReact × TypeScriptで作成

npx create-react-app ts-memo-app --template typescript

CSS Modulesを使う準備

yarn add node-sass@4.14.1

npm startしたら以下のエラーが出た

Cannot find module './styles/App.module.scss' or its corresponding type declarations.

こちらを参考に、型定義ファイルに以下を追記することで回避

declare module '*.css';
declare module '*.scss';

とりあえずベースだけ作成

所感

とりあえず表示するところまでで3時間かかってしまいました。
わからないところを調べながらコツコツやっていきます。