Koder Dev
HomeBlogPosts
HomeBlogPosts
Koder dev blog

© 2025 All rights reserved.

プライバシーポリシーXnote
Koder
Koder@koder_dev·04月03日

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

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

React
1h
投稿一覧へ90+

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

Koder
Koder@koder_dev·04月13日

ぶっちゃけ雰囲気で使ってました、すみません

あの、白状するとReactのサーバーコンポーネントなんですけどきちんと理解せずに使ってました、この記事を読むまでは いや、何となくこういうことが嬉しいんでしょとはおぼろげながら分かってたけど Vercelのtech blogに上がってる”Understanding React Server Components” を読んだらめっちゃ解像度上がった😎 どういうことを実現したいのか、今までの課題点とこれまで取ってたアプローチなど一連のストーリーで教えてくれてるから点と点がつながって頭にスッと入ってきた😌 さすがVercelさんのtech blogです、欲を言えばもっと早く知りたかったです😇 正直、自分もですっていう人はひっそりこの記事読んでみて!

ぶっちゃけ雰囲気で使ってました、すみません
React
30min
Koder
Koder@koder_dev·04月13日

コードエディタのSaaS作ろうはイカつすぎるやろ笑

エンジニアなら絶対日々使ってる、コードエディタ何使ってる?VS Code派? Cursor派?てかさ、もう何なら作らんか?? これいかつすぎるのよ、Code sand boxみたいな実行環境自分で作っちゃうんだもん その場で実行できるし しかもさ、SaaSだからさフリープランだとJSしか動かせないけど有料プランだとGoとかRustとかも使えるという 決済手段Stripeじゃなくてlemon squeezy使ってるところも面白い 何が一番すごいってさ、ソースコード全部GitHubに公開されてんのよ圧倒的giverすぎないか??笑 これね、凄すぎてこれ以上説明のしようがないわ  凄さはその目で確認してみて👇

コードエディタのSaaS作ろうはイカつすぎるやろ笑
Next.js
React
TypeScript
tailwind CSS
5h
Koder
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
3h