mykang1735

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

winterlood

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

이론과 실습 한 번에

이론 실습 모두

real projects

실전프로젝트

한입시리즈

react.js

supabase

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.

hyobin

입문

초급

중급이상

리액트

React

타입스크립트

TypeScript

react-query

zustand

Bite-Sized React.js Practical Project - SNS Edition

Introduction

Preparation - Styling and Routing

Preparation - Global State Management using Zustand

Preparation - Server State Management and Tanstack Query

Implementing One-bite Log - Project Setup

Implementing One-bite Log - Handling Authentication

Implementing One-bite Log - Implementing the Post Feature

Implementing One-bite Log - Implementing the Like Feature

One-bite Log Implementation - Implementing the Profile

One-bite Log Implementation - Implementing Comments

Implementing One-bite Log - Implementing the Theme Switching Feature

Implementing One-bite Log - Deployment and Wrap-up