大丈夫？Reactでつい、やりがちなミス犯してない？

この動画では、Reactを学び始めのエンジニアがハマりがちな12個のアンチパターンに関して丁寧に解説してくれてる！たとえば、setCount(count + 1)のようにState更新してしまったり、http://user.name = http://e.target.valueのようにオブジェクトの状態更新したり、複数の入力を持つフォームを扱う時に個別で状態管理しちゃうなどなど、アンチパターンがなぜ駄目なのか、そしてまたどのように書くべきなのかを一つづつ教えてくれてる！初心者でさらにReactを極めていきたい人は勿論、既にReactがシニアレベルの人も部下や後輩になぜそのように書くべきじゃないのかを分かりやすく教えてあげるためにも必見です！！

React

投稿一覧へ90+

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

Koder@koder_dev·04月12日

AI面接官、実装してみたくない？

この動画では、AIを使った採用担当エージェントを自分で開発・デプロイする方法が丁寧に解説されてる。 Next.js、React、Supabase、Vapiを使って、 - AIを用いて音声でやりとりできる - 職種に合わせて質問を自動生成 - 面接後のスコア付きフィードバックを自動出力といった機能が、ちゃんとフルスタックで作れる。 UIはshadcn、認証はSupabase、構成も洗練されててそのまま参考にできるレベル。単に試せるだけじゃなく、再現性が高くて学びも多いのがありがたい。 AIを活用したSaaSに興味ある人、採用プロセスを技術で改善したい人にはかなり刺さるはず。 5時間越えのチュートリアルだから、週末にじっくり触ってみるのもおすすめ。

Koder@koder_dev·05月29日

え、これ…本当にYouTubeで無料で公開されてるの？？

マイクロサービスアーキテクチャで、ここまで本格的に作り込まれたマルチベンダーEコマースSaaS。投稿者が「全編無料公開します」って宣言してて、Part1だけでも13時間超えとか普通にえぐい笑。しかも完成度が、よくある“なんちゃってAmazonクローン”とかじゃないむしろ「え、これ会社で実際にプロダクション投入されてるやつじゃないの…？」ってレベルでリアルな構成😎 ✅ 認証まわりもガチ OTP認証はRedis（Upstash）を使って制限付きで実装されてて、ユーザーごとの検証フローをしっかり管理ロールベースの認可やJWTトークンも導入されてて、本番運用を想定した認証構成になってる ✅ 削除処理も、いわゆる“deleteで消すだけ”じゃないデータは即時削除じゃなくて論理削除→cronタスクでの処理まで考慮された設計で、復元の余地も含んだ運用視点の構成 ✅ Stripe Connect連携も、想像以上に本格的マルチベンダーに欠かせない売上分配機能をちゃんとStripeで実装。しかもオンボーディングはステップ形式で、セラーが迷わないようにUI・導線が整理されてる。これ、地味にすごい ✅ Kafkaを活用したイベント駆動通信や、API Gatewayによる各サービス連携も構築済みエンタープライズ系の設計思想が詰まってて、見るだけで学びが多すぎるなにがすごいって、「いつかやってみたい」って思っても、個人じゃまず作りきれないような構成を、誰でも触れる教材として全公開してくれてることしかも、技術選定の理由やアーキテクチャの背景まで丁寧に語られてて、ただ真似するだけじゃなく“なぜそうしたか”まで理解できるまさに、“実務レベルの構成を、実装しながら学べる”という神動画。無料でいいの…？ってレベルなので、今のうちに見といたほうがいい週末、じっくり腰を据えて、自分の技術スタックと向き合いたい人、ぜひ👇

Koder@koder_dev·04月03日

え？これもう普通に製品レベルじゃね？

毎回度肝抜くような動画を投稿してくれる@joshtriedcodingだけど今回もすごい動画をぶちかましてくれた😎 この動画で作ってるのは自分の好きな写真を携帯ケースにできて自分だけのオリジナル携帯ケースを作れるというショッピングサイト詳細はちょっとこの動画の冒頭３分で紹介してくれてるから是非見てほしいんだけど、やばいっす。普通に購入体験もめちゃくちゃ良いしかもね、なんと管理画面まで実装してて売上管理、配送状況の管理まで出来てしまうという素晴らしさ🥳 <実装機能> - 決済機能 - 画像のリサイズとプレビュー - 配送状況と売上の管理画面などなど今年多分、これ超えるNext.jsのショッピングサイト構築の解説動画出ないやろ... 是非見てみて！この動画でしか学べないこともめっちゃあるから！