I have completed the entire "One Bite" series all the way through the SNS chapter!
By actually following along, writing code, and implementing the project, I was able to solidify the concepts I only vaguely knew and realized there was quite a lot I didn't know yet.

Thank you for preparing such a great lecture!

onewayay1808

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

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