😘

React100本ノック 1本目「Hello World」(解説付き)

2024/05/22に公開

Reactのお題を消化していく、React100本ノック。
Reactの実力向上のため始めました。

ノック1本目:"Hello World" React コンポーネントの作成

React100ノックの本家

https://qiita.com/Sicut_study/items/3c5cd798313854a471a0

実装

まずはお決まりのフレーズ「Hello World」を表示しましょう、というもの。
CSSの知識が必要。

利用技術

  • React
  • TypeScript
  • tailwindcss

画面

https://kuni-chan-k.github.io/react-lesson/#/lesson1

コード

https://github.com/kuni-chan-k/react-lesson/blob/main/src/components/Lesson1.tsx

解説

シンプルすぎて解説しようがないのですが・・・
H1タグのデザインを何度も使用するならコンポーネントにする工夫をしてもいいでしょう。

React本

本で勉強したい人にはこちらをオススメ

これからはじめるReact実践入門 コンポーネントの基本からNext.jsによるアプリ開発まで

GitHubで編集を提案

Discussion