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

2026 새해 복 마🐴니 할인

Bite-Sized React.js Practical Project - SNS Edition

이론과 실습 한 번에

이론 실습 모두

real projects

실전프로젝트

한입시리즈

react.js

supabase

hyobin

입문

초급

중급이상

리액트

React

타입스크립트

TypeScript

react-query

zustand

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