【毎日自動更新】React 18、あなたならどう使いこなす？ LGTMランキング！

https://qiita.com/official-campaigns/engineer-festa/2022

https://qiita.com/official-events/6677e0827fec55a3b95f

# この記事は

「[React 18、あなたならどう使いこなす？](https://qiita.com/official-events/6677e0827fec55a3b95f)」
テーマの応援記事です。

[Qiita API v2](https://qiita.com/api/v2/docs)を利用させていただいて、「[React 18、あなたならどう使いこなす？](https://qiita.com/official-events/6677e0827fec55a3b95f)」に参加しているとおもわれる記事を収拾します。
あつまった記事群（データ）にあれこれしてみます。

- LGTM数順に記事を並べます
- 投稿者ごとの記事数を集計します
- 投稿者ごとのLGTM数を集計します
- tagごとの記事数を集計します
- tagごとのLGTM数を集計します

「参加ボタン」を押すのをお忘れなく!!!

[Qiita Engineer Festa 2022](https://qiita.com/official-campaigns/engineer-festa/2022)を微力でなおかつ僭越ながら盛り上げたいとおもっています:rocket::rocket::rocket:

---

# 総件数
6件 :tada::tada::tada:

# LGTM数 :confetti_ball::military_medal::confetti_ball:
|No|title|created_at|updated_at|LGTM|
|---|---|---|---|---:|
|1|[React 18のSuspenseを使ってReact Hook Formの非同期な初期値の扱いを簡単にする](https://qiita.com/taro28/items/df91fc26b3ba461d9d5e)<br>@taro28|2022-07-17|2023-06-14|109|
|2|[【React】useTransition でページング UI のユーザー体験を向上させる](https://qiita.com/stin_dev/items/74ae0b002bc2f98b71ce)<br>@stin_dev|2022-07-18|2022-07-18|80|
|3|[React 18のuseIdでアクセシビリティ向上（WAI-ARIAのRelationship attributes）](https://qiita.com/kskwtnk/items/2c498537292c6388cb80)<br>@kskwtnk|2022-06-06|2022-07-01|33|
|4|[React18で新しく導入されたuseTransitionとuseDefferedValueの使い分け](https://qiita.com/mikilaboph/items/5293b87ef93d6b434c78)<br>@mikilaboph|2022-07-18|2022-07-22|24|
|5|[React18 × TypeScript × RestApiの実践](https://qiita.com/hansei860303/items/e448cdf3ec8c9d3288a2)<br>@hansei860303|2022-06-12|2023-02-23|5|
|6|[【毎日自動更新】React 18、あなたならどう使いこなす？ LGTMランキング！](https://qiita.com/torifukukaiou/items/b02bc3073531dd42ba0f)<br>@torifukukaiou|2022-06-07|2025-06-22|4|


# 投稿者ごとの記事数とLGTM数
|No|user|count|LGTM|
|---|---|---:|---:|
|1|@taro28|1|109|
|2|@stin_dev|1|80|
|3|@kskwtnk|1|33|
|4|@mikilaboph|1|24|
|5|@hansei860303|1|5|
|6|@torifukukaiou|1|4|


# 投稿者ごとのLGTM数と記事数
|No|user|LGTM|count|
|---|---|---:|---:|
|1|@taro28|109|1|
|2|@stin_dev|80|1|
|3|@kskwtnk|33|1|
|4|@mikilaboph|24|1|
|5|@hansei860303|5|1|
|6|@torifukukaiou|4|1|


# タグごとの記事数とLGTM数
|No|tag|count|LGTM|
|---|---|---:|---:|
|1|[QiitaEngineerFesta_React18](https://qiita.com/tags/QiitaEngineerFesta_React18)|6|255|
|2|[React](https://qiita.com/tags/React)|5|251|
|3|[QiitaEngineerFesta2022](https://qiita.com/tags/QiitaEngineerFesta2022)|2|37|
|4|[40代駆け出しエンジニア](https://qiita.com/tags/40代駆け出しエンジニア)|1|4|
|5|[AdventCalendar2022](https://qiita.com/tags/AdventCalendar2022)|1|4|
|6|[Elixir](https://qiita.com/tags/Elixir)|1|4|
|7|[JavaScript](https://qiita.com/tags/JavaScript)|1|109|
|8|[TypeScript](https://qiita.com/tags/TypeScript)|1|5|
|9|[WAI-ARIA](https://qiita.com/tags/WAI-ARIA)|1|33|
|10|[hooks](https://qiita.com/tags/hooks)|1|24|
|11|[react-hook-form](https://qiita.com/tags/react-hook-form)|1|109|
|12|[suspense](https://qiita.com/tags/suspense)|1|109|
|13|[アクセシビリティ](https://qiita.com/tags/アクセシビリティ)|1|33|
|14|[初心者](https://qiita.com/tags/初心者)|1|5|


# タグごとのLGTM数と記事数
|No|tag|LGTM|count|
|---|---|---:|---:|
|1|[QiitaEngineerFesta_React18](https://qiita.com/tags/QiitaEngineerFesta_React18)|255|6|
|2|[React](https://qiita.com/tags/React)|251|5|
|3|[JavaScript](https://qiita.com/tags/JavaScript)|109|1|
|4|[react-hook-form](https://qiita.com/tags/react-hook-form)|109|1|
|5|[suspense](https://qiita.com/tags/suspense)|109|1|
|6|[QiitaEngineerFesta2022](https://qiita.com/tags/QiitaEngineerFesta2022)|37|2|
|7|[WAI-ARIA](https://qiita.com/tags/WAI-ARIA)|33|1|
|8|[アクセシビリティ](https://qiita.com/tags/アクセシビリティ)|33|1|
|9|[hooks](https://qiita.com/tags/hooks)|24|1|
|10|[TypeScript](https://qiita.com/tags/TypeScript)|5|1|
|11|[初心者](https://qiita.com/tags/初心者)|5|1|
|12|[40代駆け出しエンジニア](https://qiita.com/tags/40代駆け出しエンジニア)|4|1|
|13|[AdventCalendar2022](https://qiita.com/tags/AdventCalendar2022)|4|1|
|14|[Elixir](https://qiita.com/tags/Elixir)|4|1|


---

# Wrapping up :lgtm: :qiitan: :lgtm:

この記事は、「[React 18、あなたならどう使いこなす？](https://qiita.com/official-events/6677e0827fec55a3b95f)」の応援記事です。

豪華プレゼントをGetしちゃってください！
ユー、豪華プレゼントをGetしちゃいなよ！

---

最後に、この記事を自動更新しているプログラムについて補足しておきます。

- 自動更新は、[Elixir](https://elixir-lang.org/)というプログラミング言語がありまして、その[Elixir](https://elixir-lang.org/)で作られた[Nerves](https://www.nerves-project.org/)という[ナウでヤングでcoolなすごいIoTフレームワーク](https://www.slideshare.net/takasehideki/elixiriotcoolnerves-236780506)を使ってつくったアプリケーションで行っております
  - [Nerves](https://www.nerves-project.org/)の始め方につきましては下記の記事が詳しいです
  - [ElixirでIoT#4.1：Nerves開発環境の準備](https://qiita.com/takasehideki/items/88dda57758051d45fcf9)
- [Elixir](https://elixir-lang.org/)には、データを自在に取り扱える[Enum](https://hexdocs.pm/elixir/Enum.html)モジュールがあります
- [Elixir](https://elixir-lang.org/)をはじめてみようという方は、[Enum](https://hexdocs.pm/elixir/Enum.html)モジュールの習得からはじめるとよいとおもいます
- [WEB+DB PRESS Vol.127](https://gihyo.jp/magazine/wdpress/archive/2022/vol127) :book: の特集２「Elixirによる高速なWeb開発！ 作って学ぶPhoenix」は、[Elixir](https://elixir-lang.org/)でWebアプリケーション開発を楽しめる[Phoenix](https://www.phoenixframework.org/)の基礎がぎっしりと詰まっていて、**オススメ**です
- プログラムは、 https://github.com/TORIFUKUKaiou/hello_nerves/tree/master/lib/qiita/events にあります