一口サイズで学ぶReact.js：基礎から実践まで
winterlood
概念からユニークなプロジェクトまで一緒に扱いながら、JavaScriptとReactをこの講座で一度に終わらせましょう。 学習は短く、応用は長く、17時間分のAll-in-one講座!
Basic
JavaScript, React, Node.js
一口サイズで切って食べる実践プロジェクト - SNS編
いよいよ実践に挑戦する番です 🔥 React.js + TypeScript + Supabaseで実務レベルのSNSを一緒に開発しながら、認証・認可、無限スクロール、画像アップロード、いいね、無限ネストコメント、ダークモードなどの機能を実装します。この過程で、ZustandとTanstack Queryを利用したサーバーおよびグローバル状態管理の手法も学んでいく予定です。
（5.0）受講レビュー 88件
受講生 1,319名
難易度 中級以上
受講期間 無制限
supabase
supabase
zustand
zustand
react-query
react-query
React
React
TypeScript
TypeScript
supabase
supabase
zustand
zustand
react-query
react-query
React
React
TypeScript
TypeScript
学習した受講者のレビュー
学習した受講者のレビュー
5.0
5.0
민경언
31% 受講後に作成
Inflernでかなり多くの有料講座を受講しましたが、あらゆる面でイ・ジョンファンさんの講座は最高です。 そのため、イ・ジョンファンさんの講座はすべて受講しました。今回のReact SNS講座も良いですね。 イ・ジョンファンさんの講座は... 1. 講座の準備をしてきたことが聞いていて感じられます。 => 他の講師の動画を見ると、ほとんどの場合スクリプトの準備などはしていません。 ほとんどがタイトルレベルの内容だけを準備しているようです。そのため動画を見ると、つっかえたり、同じことを繰り返したり... 例題が結果と違って出てきたり...ある場合は、あまりにも唾を飲み込む音を多く出すので不快で、その後聞かなかったこともあります。 しかし、イ・ジョンファンさんの講座は、撮影前にスクリプトを徹底的に準備していることが見ていて感じられます。 だから重複もなく、進行がスムーズです。非常に満足で、本当にお金を払って聞く価値があると感じられます。 2. 講座環境の準備をしっかりしています。 => 他の講師の動画と違って、最初から最後まで音響が一定です。 イ・ジョンファンさんの講座を見ると、ほとんど動かずに撮影しています。 動くと音声が均一な高低で録音されないため、そうしているようです。 3. 講座内容の品質が良いです。 => 他の講師の動画を見ると、ほとんどがPPTにただタイピングして見せています。 あまり丁寧だという感じがしません。有料で見る立場として、少しお金がもったいないという感じがすることもあります。 イ・ジョンファンさんの講座は、PPTで見せる画面がありません。すべてアニメーション化された画面で説明をします。 そのため理解が早くなります。 しかし、イ・ジョンファンさんの講座を見ていると...問題があります。 他の講師の有料動画のプレビューを見ると、品質が気に入らず購入をためらってしまいます... 他の講師は、イ・ジョンファンさんの講座を見てベンチマークすべきです。 Inflearn側も、イ・ジョンファンさんの講座をベンチマークして、これを基準として有料で運営しようとする講師たちに従うことを要請すべきです。 お金を払って見るのに、より良い品質をサービスすべきなのは当然のことではないでしょうか? だから...イ・ジョンファンさんの講座だけを講座と呼びます。 他の講師の動画はただの動画と呼びます...講座と呼ぶには不十分です。
5.0
kaeuhy
10% 受講後に作成
講義カリキュラムを見て、本当に充実していると思いました。 これより完璧なフロントエンドのための講義は存在しません。 フロントエンド = 이정환
5.0
챙준
100% 受講後に作成
講義を始める前に聞いたLive Sessionで良いインスピレーションを受け、プロジェクトを真似しながらより感覚をよく身につけることができたと思います。Tanstack Queryを活用したサーバー状態管理の有用性についてもう少し深く考えることができ、私が思うに私の主力フレームワークであるTypeScript、ReactとZustand、Supabaseまで幅広く学ぶことができました。 誰でもサイドプロジェクトについて悩みがある時、この講義に触れた後は本当に良いスタートになると思います。強くお勧めします！
受講後に得られること
React.js + TypeScript + Supabaseを利用して、実務レベルのSNSプロジェクトを作成します。
認証＆認可、無限スクロール、画像アップロード、いいね、無限ネストコメント、ダークモードなどの機能を作ってみます。
ZustandとTanstack Queryを利用したサーバーおよびグローバル状態管理の手法について見ていきます。
Tailwind CSS
Shadcn/ui
Zustand
Tanstack Query
こんな方に
おすすめです
学習対象は
誰でしょう？
「一口シリーズ」の受講生の皆様（React.js + TypeScript 受講完了者）
React.jsとTypeScriptの知識をすでにお持ちの方
チュートリアルレベルを脱して、実践プロジェクトに挑戦してみたい方へ
質疑応答が月〜金に最低1回以上、毎日行われる講義をお探しの方
知識共有者が自ら運営する、受講生コミュニティが活発な講義をお探しの方
前提知識、
必要でしょうか？
React.js 基礎 (「一口リ액트(한입 리액트)」講座受講生レベル)
TypeScriptの基礎 (「一口TypeScript」講座受講生レベル)
37,205
受講生
2,604
受講レビュー
1,600
回答
4.9
講座評価
13
講座
웹 프론트엔드 한 입 크기로 잘라먹어 볼까요?!
안녕하세요 🙇♂
저는 무엇이든 쉽고 재미있게 설명할 방법이 있다고 믿는 사람이자
세상에서 가장 따뜻한 개발자 커뮤니티를 만들고자 하는 사람입니다.
📚 도서
📹 강의
한 입 크기로 잘라먹는 Next.js
한 입 크기로 잘라먹는 타입스크립트
한 입 크기로 잘라먹는 리액트
共同知識共有者
カリキュラム
全体
88件 ∙ (22時間 9分)
講座資料（こうぎしりょう）:
授業資料
講座掲載日:
最終更新日:
受講レビュー
全体
88件
5.0
88件の受講レビュー
nataek2159受講レビュー 15
∙
平均評価 3.3
5
31% 受講後に作成Inflernでかなり多くの有料講座を受講しましたが、あらゆる面でイ・ジョンファンさんの講座は最高です。 そのため、イ・ジョンファンさんの講座はすべて受講しました。今回のReact SNS講座も良いですね。 イ・ジョンファンさんの講座は... 1. 講座の準備をしてきたことが聞いていて感じられます。 => 他の講師の動画を見ると、ほとんどの場合スクリプトの準備などはしていません。 ほとんどがタイトルレベルの内容だけを準備しているようです。そのため動画を見ると、つっかえたり、同じことを繰り返したり... 例題が結果と違って出てきたり...ある場合は、あまりにも唾を飲み込む音を多く出すので不快で、その後聞かなかったこともあります。 しかし、イ・ジョンファンさんの講座は、撮影前にスクリプトを徹底的に準備していることが見ていて感じられます。 だから重複もなく、進行がスムーズです。非常に満足で、本当にお金を払って聞く価値があると感じられます。 2. 講座環境の準備をしっかりしています。 => 他の講師の動画と違って、最初から最後まで音響が一定です。 イ・ジョンファンさんの講座を見ると、ほとんど動かずに撮影しています。 動くと音声が均一な高低で録音されないため、そうしているようです。 3. 講座内容の品質が良いです。 => 他の講師の動画を見ると、ほとんどがPPTにただタイピングして見せています。 あまり丁寧だという感じがしません。有料で見る立場として、少しお金がもったいないという感じがすることもあります。 イ・ジョンファンさんの講座は、PPTで見せる画面がありません。すべてアニメーション化された画面で説明をします。 そのため理解が早くなります。 しかし、イ・ジョンファンさんの講座を見ていると...問題があります。 他の講師の有料動画のプレビューを見ると、品質が気に入らず購入をためらってしまいます... 他の講師は、イ・ジョンファンさんの講座を見てベンチマークすべきです。 Inflearn側も、イ・ジョンファンさんの講座をベンチマークして、これを基準として有料で運営しようとする講師たちに従うことを要請すべきです。 お金を払って見るのに、より良い品質をサービスすべきなのは当然のことではないでしょうか? だから...イ・ジョンファンさんの講座だけを講座と呼びます。 他の講師の動画はただの動画と呼びます...講座と呼ぶには不十分です。
- cjswodmsgus5064
受講レビュー 2
∙
平均評価 5.0
修正済み
- jjmullan
受講レビュー 9
∙
平均評価 5.0
- hyezzm1200
受講レビュー 10
∙
平均評価 5.0
- dudals010126
受講レビュー 4
∙
平均評価 5.0
5
56% 受講後に作成まだ完走はしていませんが、受講レビューを残します。 この講義を通してポートフォリオを作らなきゃ〜という考えよりも、この講義を通してsupabaseとリアクトを使ったプロジェクトのフローはどのように流れるのか？という考えで全体的な流れを見ようとする思いで受講されるとより良いと思います。 講義の質はとても良いです。この講義の前にsupabase講義を聞きましたが、その講義とは違って本当に次元が違うほど詳しく説明してくださいます。もちろんこの講義だけ聞いてsupabaseはこういうものなんだ〜というよりは、この講義を通してとても基本的な概念の枠組みを固められた後に、supabaseの公式ドキュメントを通してもっと勉強されると、以前よりもずっと理解がよくできてより良いです。 もちろんイ・ジョンファンさんが説明をよくしてくださり、視覚資料でより簡単に説明してくださるので可能なことのようです。そのため、ぜひこの講義を聞かれることをお勧めします。 そしてzustandとリアクトクエリ講義もこの講義に含まれているのですが、とても良いです...理解がよくできますし、この講義を通して後で一人でもっと勉強する時に多くの助けになるようです。
期間限定セール、あと4日日で終了
￥33
23%
￥6,809
winterloodの他の講座
知識共有者の他の講座を見てみましょう！
似ている講座
同じ分野の他の講座を見てみましょう！
![イベントからSPAまで、インタラクティブWebの必須エンジン - [DOM完全攻略 Part 2]Course Thumbnail](https://cdn.inflearn.com/public/files/courses/338102/cover/01k1bjkdeb2ap7p4b0vb2fck06?f=avif&w=420)
![DOMからピクセルまで、ブラウザレンダリングとCRP完全攻略 - [DOM完全攻略 Part 3]Course Thumbnail](https://cdn.inflearn.com/public/files/courses/338418/cover/01k34f9mhtvq2xgzr15w1qhmas?f=avif&w=420)
![[VOD] 6週間完成！開発実務のための高濃縮バイブコーディング (Cursor AI, Figma)Course Thumbnail](https://cdn.inflearn.com/public/files/courses/338156/cover/01k4c77bftwd8ec4k0yakavbrc?f=avif&w=420)
![[改訂3版] Node.js教科書 - 基本からプロジェクト実習までCourse Thumbnail](https://cdn.inflearn.com/public/courses/330181/cover/47e0125e-75ad-4946-96d3-54bbc444a188/330181-eng.jpg?f=avif&w=420)
![[リニューアル] グルメマップアプリ作成 (React Native & NestJS)Course Thumbnail](https://cdn.inflearn.com/public/files/courses/332375/cover/01k3x8ecea6jym1d28qcc6zcds?f=avif&w=420)
