はじめに
フロントエンドスキル向上のため書籍やudemyでインプットを行っていますが、アウトプットも並行して進めるべく@Sicut_studyさんのReact100本ノックを始めることにしました。
ルール
- 主要なライブラリやフレームワークはReactである必要がありますが、その他のツールやライブラリ(例: Redux, Next.js, Styled Componentsなど)を組み合わせて使用することは自由
- TypeScriptを利用する
今回作るもの
画面上に「Hello World」を表示するReact コンポーネントの作成
条件
1. Reactの新しいプロジェクトが正しくセットアップされていること。
2. 画面に"Hello World"というテキストが中央に表示されていること。
成果物
使用技術
- React
- TypeScript
- Emotion
スタイルに関しては、以前MUI(Material-UI)は何度か使用経験があったので、今回は全く別の方法で実装しようと思い、@Sicut_studyさんと同様にEmotionを使ってみることにしました。
PC
SP
感想
プロジェクト作成、アプリ作成、デプロイの大まかな流れを掴むことができました。
Reactについて、より理解を深めるために引き続き100本ノックを継続していきたいです。