inflearn logo
강의

Course

Instructor
inflearn logo
Challenge
Ended
Programming

/

Front-end

One Bite Challenge 8th Cohort - React.js

This is a challenge to complete the "React.js in Bite-Sized Pieces" course over approximately 5 weeks. (Missions and a progress chart are provided.) Finish both JavaScript and React all at once with this course, covering everything from core concepts to unique projects. An all-in-one course with 18 hours of content designed for short learning and long application!

JavaScript
React
Node.js
react.js

29개 수업 학습

9회 미션 수행

성취의 증표, 수료증을 발급해요.

질문하고 즉시 답을 얻어요.

같은 기수와 교류하고 함께 성장해요.

완주 시 쿠폰을 제공해요.

winterlood님과 함께해요!

Inflearn Verified

Career Verified

40,044

Learners

3,110

Reviews

1,707

Answers

5.0

Rating

26

Courses

There is always a way to explain anything easily!

  • 📚 Books

     

  • 🏆 Awards

    • 2025 Inflearn Year-End Awards Bestseller Winner

       

    • 2024 Inflearn Year-End Awards Student PICK Winner

    • 2023 Inflearn Year-End Awards Student PICK Award

     

  • 📹 Lectures

    • Bite-Sized Vibe Coding

    • Bite-Sized React.js Hands-on Project - SNS Edition

    • Bite-Sized Next.js

    • Bite-Sized TypeScript

    • React.js Bite-Sized

More

Co-instructor

One Bite Challenge 8th Cohort - React.js

This challenge is a program for those who are taking the React from a Bite-Sized Perspective course below.

[One Bite Challenge 8th - React.js] This is the application page for the challenge.

Only those who have purchased the React.js: Bite-Sized course can participate. mới có thể tham gia.

Course Link: https://inf.run/dcq4v

[ Bite-Sized Challenge Season 8 ] Register for a different course

Check out other courses in the 8th Bite-Sized Challenge!!

[ One Bite Challenge 8th Batch OT ] Sign up for the free seminar

Curious about the 8th One Bite Challenge? Please sign up for our free seminar!!
This free seminar includes an introduction to the One Bite Challenge, its process, and a Q&A session for participants.
(* A recording will be provided to all challenge participants within 3 hours after the live session ends)


Apply for Live OT

챌린지 8기

Please send any inquiries to onebite.fe@gmail.com :)

2월

22일

챌린지 시작일

2026년 2월 22일 PM 03:00

챌린지 종료일

2026년 4월 2일 PM 02:59

챌린지 커리큘럼

All

38 lectures ∙ (30min)

Course Materials:

Lecture resources
챌린지 전용 수업

챌린지에서 배워요

  • Development of an emotional diary project for actual deployment

  • JavaScript, Node.js, and Web Internals All-in-One

  • Writing Clean React Code and Performance Optimization Techniques

Recommended for
these people

Who is this course right for?

  • Those who want to quickly complete the course along with the missions

  • A beginner new to React

  • People who don't know JavaScript and Node.js well, but want to learn React.js!

  • People who want to learn together with many other students through challenges such as the course completion challenge.

  • People who want to create a result they can be proud of upon completing the course

  • Anyone who has experience writing HTML & CSS at least once (you don't need to be good at it!)

Need to know before starting?

  • Very basic knowledge of HTML and CSS

Reviews

All

3 reviews

5.0

3 reviews

  • dlwlals1207님의 프로필 이미지
    dlwlals1207

    Reviews 10

    ∙

    Average Rating 5.0

    5

    31% enrolled

    I will definitely finish all the lectures and complete the challenge!

    • zonins30858님의 프로필 이미지
      zonins30858

      Reviews 5

      ∙

      Average Rating 5.0

      5

      100% enrolled

      Through mission-oriented learning, I was able to implement the lecture content myself, which naturally led to a review. In the process, my understanding of React has improved!

      • augmood01님의 프로필 이미지
        augmood01

        Reviews 2

        ∙

        Average Rating 5.0

        5

        100% enrolled

        I don't think there could be a better challenge than this for completing a course all the way to the end.

        이 강의의 지난 수강평

        취소 및 환불 규정
        챌린지는 지식공유자가 설정한 수업 최소 정원이 충족되지 않을 경우, 폐강 안내가 고지되며 결제 내역이 자동취소됩니다.

        winterlood's other courses

        Check out other courses by the instructor!

        Bite-Sized Vibe Coding (with Claude Code)Course Thumbnail

        Bite-Sized Vibe Coding (with Claude Code)

        winterlood

        $77.00

        Early Bird

        30%

        $53.90

        Beginner / Web Application, Network, security training, claude, Vibe Coding

        5.0

        (20)

        200+
        New
        New
        Active Replies
        Active Replies
        Mission
        Mission

        AI is only as good as you are. Master "Vibe Coding" through a three-step process: AI utilization, foundational core knowledge, and project development. For those who want to learn Vibe Coding properly, we deliver the unchanging core concepts—applicable to any AI—in bite-sized pieces.

        Beginner

        Beginner

        Web Application, Network, security training

        Bite-Sized Vibe Coding (with Claude Code)Course Thumbnail

        Bite-Sized Vibe Coding (with Claude Code)

        winterlood

        $77.00

        Early Bird

        30%

        $53.90

        Beginner / Web Application, Network, security training, claude, Vibe Coding

        5.0

        (20)

        200+
        New
        New
        Active Replies
        Active Replies
        Mission
        Mission
        Bite-Sized React (React.js): From Basics to PracticeCourse Thumbnail

        Bite-Sized React (React.js): From Basics to Practice

        winterlood

        $37.40

        Basic / JavaScript, React, Node.js

        4.9

        (1,464)

        14,900+
        Active Replies
        Active Replies

        Master JavaScript and React all at once with this course, covering everything from core concepts to unique projects. An all-in-one, 18-hour course designed for short learning and long application!

        Basic

        Basic

        JavaScript, React, Node.js

        Bite-Sized React (React.js): From Basics to PracticeCourse Thumbnail

        Bite-Sized React (React.js): From Basics to Practice

        winterlood

        $37.40

        Basic / JavaScript, React, Node.js

        4.9

        (1,464)

        14,900+
        Active Replies
        Active Replies
        Bite-Sized TypeScriptCourse Thumbnail

        Bite-Sized TypeScript

        winterlood

        $37.40

        Basic / TypeScript

        5.0

        (730)

        14,200+
        Active Replies
        Active Replies

        Go beyond syntax to understand the principles and concepts—if TypeScript still feels confusing no matter how much you study, it's time to learn it properly! We will turn you into a TypeScript Wizard🧙🏻‍♀️.

        Basic

        Basic

        TypeScript

        Bite-Sized TypeScriptCourse Thumbnail

        Bite-Sized TypeScript

        winterlood

        $37.40

        Basic / TypeScript

        5.0

        (730)

        14,200+
        Active Replies
        Active Replies
        Bite-sized Next.jsCourse Thumbnail

        Bite-sized Next.js

        winterlood

        $37.40

        Basic / React, TypeScript, Next.js

        5.0

        (599)

        5,600+
        Active Replies
        Active Replies

        The 3rd installment of the "One Bite" series! This is the world's most friendly and detailed Next.js course. We will explore not only the App Router but also the Page Router through hands-on projects.

        Basic

        Basic

        React, TypeScript, Next.js

        Bite-sized Next.jsCourse Thumbnail

        Bite-sized Next.js

        winterlood

        $37.40

        Basic / React, TypeScript, Next.js

        5.0

        (599)

        5,600+
        Active Replies
        Active Replies
        Bite-Sized React.js Practical Project - SNS EditionCourse Thumbnail

        Bite-Sized React.js Practical Project - SNS Edition

        winterlood

        $42.90

        Intermediate / React, TypeScript, react-query, supabase, zustand

        5.0

        (133)

        1,500+
        Active Replies
        Active Replies

        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.

        Intermediate

        Intermediate

        React, TypeScript, react-query

        Bite-Sized React.js Practical Project - SNS EditionCourse Thumbnail

        Bite-Sized React.js Practical Project - SNS Edition

        winterlood

        $42.90

        Intermediate / React, TypeScript, react-query, supabase, zustand

        5.0

        (133)

        1,500+
        Active Replies
        Active Replies

        One Bite React Practical Library Kit - Zustand, Tanstack Query, TailwindCSS

        winterlood

        $15.40

        Basic / React, Web Application, TailwindCSS, react-query, zustand

        5.0

        (11)

        200+
        Active Replies
        Active Replies

        Upgrade your React app with Zustand, Tanstack Query, and Tailwind CSS! We guide you through the core concepts and usage of various tools so that you can take on even complex projects.

        Basic

        Basic

        React, Web Application, TailwindCSS

        One Bite React Practical Library Kit - Zustand, Tanstack Query, TailwindCSS

        winterlood

        $15.40

        Basic / React, Web Application, TailwindCSS, react-query, zustand

        5.0

        (11)

        200+
        Active Replies
        Active Replies

        $7.70