React関連多すぎて複雑なんだよぉぉぉ

Reactは便利だけど、バリデーション、スタイリング、UIコンポーネントとかの技術スタックと技術選定が多岐に渡りすぎてキャッチアップエグすぎる… Koderはフロントエンドエンジニアだから何とかキャッチアップしてるけど、これ今からキャッチアップする人とかバックエンドからReact入門する人大変すぎるな🥲 なんか網羅性があってどんな選択肢があるかを端的に教えてくれる動画ないかなぁって思ってたらなんとありました🥳 たった7分で2024年最新のReactエコシステムを説明してくれてる😎 UIフレームワークはこれがあって、バリデーションはこれみたいな感じでポンポンまるで先輩に教えてもらってるみたいな感じで、サクッとかつ十分な情報を学ぶことが出来る！！ React興味ある人はまずこれから見てみて！！

React

この投稿を見てる人はこちらの投稿も見てます👇

Koder@koder_dev·06月03日

React 18のConcurrent Renderingへの道のり

この動画、めちゃおもろかった😎 自分の言葉で説明しようと思ったけど、投稿者が書いた概要欄が一番良い文章だったからそのまま抜粋今ではとうに過ぎてしまいましたが、React v18 は React 史上最も過小評価され、かつ最も過小評価されているリリースだったと私は考えています。当時は、ライブラリ開発者向けの、大きくて低レベルの、中身のないリリースのように見えました。しかし、今となっては、React v18 が React の歴史におけるターニングポイントであったことは明らかです。では、なぜリリースまでにこれほど長い時間がかかったのでしょうか。そして、なぜ React の将来全体にとってこれほど重要だったのでしょうか。詳しく見ていきましょうこのチャンネルのまとめ方と編集めちゃ好きだから他の動画もぜひ見てみて！

React

10min

Koder@koder_dev·05月04日

最近よく見る「話すアバターの広告動画」

…あれ、実はこうやって作られてるのかも？トピックを入れたら → ChatGPTがCMスクリプトを生成 → AkoolでAIアバターと音声を合成 → Convexでリアルタイム保存 → PayPalで課金処理まで対応しかも、これアプリとして実装されていて UIはshadcn × Tailwind、認証はClerk React × Next.js製で、コード付きで全部再現可能完成度も高くて、プロトタイプとは思えないレベル。正直「これ、量産できる時代なんだな…」とゾッとした。しかもこのチュートリアル、YouTubeで無料公開されてる。

React

Next.js

tailwind CSS

Koder@koder_dev·04月03日

今流行りの技術スタック全部乗せじゃん！！

管理者ダッシュボードはいろんなアプリで必要になる機能だけど、ここまで最新技術スタックを用いてこの完成度の高さの動画は、まだなかなかないよ😎 <技術スタック> - React Next.js - TypeScript - Zod - Recharts - Shadcn/ui - React-Hook-Form この学びが深すぎる技術構成よ😁Rechartsで表の描画からShadcn/uiを用いたUI構築さらにreact hook formとZodでフォーム検証も簡単に実装できるって、もう最高すぎる！この動画を見れば、モダンな管理ダッシュボードを一から作れるスキルが身につくこと間違いなし！マジで、ダッシュボードを作りたい人は絶対に見るべき！

shadcn/ui

React

TypeScript