vvqoalswlvv1044

Now it's time to take on a real-world challenge 🔥 We will develop a production-grade SNS using React.js + TypeScript + Supabase, building features such as authentication & authorization, infinite scroll, image uploads, likes, infinitely nested comments, and dark mode. In the process, we will also explore server and global state management techniques using Zustand and Tanstack Query.

winterlood

지식공유자의 깜짝할인

Bite-Sized React.js Practical Project - SNS Edition

이론과 실습 한 번에

이론 실습 모두

real projects

실전프로젝트

한입시리즈

react.js

supabase

いよいよ実践に挑戦する番です 🔥 React.js + TypeScript + Supabaseで実務レベルのSNSを一緒に開発しながら、認証・認可、無限スクロール、画像アップロード、いいね、無限ネストコメント、ダークモードなどの機能を実装します。この過程で、ZustandとTanstack Queryを利用したサーバーおよびグローバル状態管理の手法も学んでいく予定です。

hyobin

입문

초급

중급이상

리액트

React

타입스크립트

TypeScript

react-query

zustand

一口サイズで切って食べるReact.js実践プロジェクト - SNS編

はじめに

事前準備 - スタイリングとルーティング

事前準備 - Zustandを利用したグローバル状態管理

事前準備 - サーバー状態管理とTanstack Query

ひとくちログ実装 - プロジェクトの準備

ひと口ログの実装 - 認証処理

ひとくちログの実装 - 投稿機能の実装

ひとくちログの実装 - いいね機能の実装

ひとくちログの実装 - プロフィールの実装

ひとくちログの実装 - コメントの実装

ひとくちログの実装 - テーマ変更機能の実装

ひとくちログの実装 - デプロイと仕上げ