ブラウザから登録、閲覧ができる目名刺アプリを作成しました。
- 使用技術
- React
- Jest
- Chakra UI
- UnoCSS
外観
詰まったところ
今回、ルーティングのため、react-routerを使用した。
react-router
と、react-router-dom
の両方のパスが存在し、どちらのパスでも同じ名前のコンポーネントが存在したりしなかったりするため、どちらを使用している混乱して詰まることがあった。
また、AIでコードを修正した場合、react-router
と、react-router-dom
がよく書き換えられることがあったので、AIを使用する際は名前やパスの似ているライブラリに注意する必要があった。
学んだところ
今回、Github Actionを用いて、毎朝登録された内容を初期化することを行なっている。
今までは、Github Actionsをコードに対するテストやビルドなどを行うためのツールとしかとらえていなかったが、実際は、「指定されたスクリプトを実行する」ことができるツールだった。
そこから、何かに使ったから、その何かを行うためのツールと早合点せず、ツール自体の用途をきちんと調べるべきだと学んだ。
JISOUのメンバー募集中
プログラミングコーチングJISOUではメンバーを募集しています。
日本一のアウトプットコミュニティでキャリアアップしませんか?
気になる方はぜひHPからお願いします👇