大丈夫？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·04月03日

これは流石にやばいでしょ笑

この動画はさ、なんとSignalと言われるメッセージアプリとgogle Meetを合体させたようなアプリを作ってる😎 一個実装するのもすごいのに、どちらの機能も余すことなく実装し切っちゃうのがヤバすぎる🫠 実装できる機能もざっと上げただけでも - チャット機能(既読確認、画像も送れる) - ビデオ通話と音声通話 - グループチャット(作成、参加、ブロック) - フレンドリクエスト、ブロック機能などなど、実装してる機能が多すぎて書けない... あと技術スタックも熱くて、まずSupabaseを用いてるのとClerk認証、Livekitなの学べる内容が満載！これは見るしかないでしょ！！

Koder@koder_dev·04月03日

この動画めっちゃええなぁ🎉

Realtimeなチャットアプリ作れるこの動画めっちゃ良かった！結構こういう動画ってMongo DBとかJSで作られてること多いんだけどPrismaとPosgresql、TypeScript使ってモダンで良かった😌 <学べる内容> - Node.js & Expressでのバックエンド開発 - Prismaを使ったデータベース接続 - Reactでのフロントエンド開発 - Soket通信などなど、Webアプリ開発に必要なスキルが盛りだくさん！ UIも綺麗だし、最新版の技術がこれでもかというほど学べるからぜひ見てみて！