I Code It - Invidious

I Code It

👋 Hi, I’m Juntao — a software developer, author, and content creator who helps developers write cleaner, more maintainable frontend code.

On this channel, I share practical coding walkthroughs, real-world refactoring sessions, and system design insights — all focused on React, frontend architecture, and clean code practices.

With over a decade of experience in both frontend and backend development, I’m especially passionate about Test-Driven Development (TDD) and helping engineers grow from just making things work to making them robust and scalable.

I’ve authored several books, including:

- React Anti-Patterns (2024)
- Test-Driven Development with React and TypeScript (2023)
- React Clean Code (2022)
- 3 Web Designs in 3 Weeks (2022)

If you're a frontend engineer who cares about writing better code — you're in the right place.

View channel on YouTube

Switch Invidious Instance

Videos

newest

oldest

popular

7:50

The Learning Method I Use for Any New Skill

I Code It

Shared 4 days ago

975 views

15:29

Agent Skills Explained: Encode Your Team’s Workflows

I Code It

Shared 2 weeks ago

3.1K views

10:14

Agentic Coding Explained (Frontend Mental Model)

I Code It

Shared 3 weeks ago

2K views

14:46

Core Web Vitals Explained: LCP, INP & CLS

I Code It

Shared 1 month ago

1.1K views

11:38

From Google Docs to Figma: OT vs CRDT Trade-offs

I Code It

Shared 1 month ago

2K views

8:50

Reordering Lists at Scale (Without Breaking Everything)

I Code It

Shared 1 month ago

1.2K views

7:49

If AI Writes the Code, What Do Developers Do?

I Code It

Shared 1 month ago

756 views

8:57

How I Built an AI Tool to Capture My Thoughts — And What It Taught Me

I Code It

Shared 1 month ago

432 views

18:40

Frontend System Design Essentials: Offline Support Explained

I Code It

Shared 1 month ago

2K views

5:05

When You’re Not Ready — Say Yes Anyway

I Code It

Shared 1 month ago

878 views

15:56

Frontend System Design Interview: Designing a Kanban Board

I Code It

Shared 1 month ago

3.4K views

6:24

AI Is Making Me a Worse Developer

I Code It

Shared 3 months ago

1.8K views

15:29

Frontend Looks Easy — Until You Build a Real System

I Code It

Shared 3 months ago

12K views

21:48

Pragmatic Drag and Drop in React — Accessibility Essentials

I Code It

Shared 5 months ago

4.9K views

15:45

Frontend System Design Essentials: Server-Side Rendering

I Code It

Shared 5 months ago

2.1K views

19:03

System Design Essentials: Pagination (Offset, Cursor, Infinite Scroll)

I Code It

Shared 6 months ago

6.1K views

11:50

Frontend System Design Essentials: 7 Common Mistakes in Frontend System Design

I Code It

Shared 8 months ago

3.7K views

10:56

Does AI Really Make You a 10x Developer?

I Code It

Shared 8 months ago

894 views

14:44

System Design Essentials: Rendering Strategies (SSR/CSR/SSG)

I Code It

Shared 8 months ago

5.8K views

22:50

Frontend System Design Essentials: Preload vs. Prefetch

I Code It

Shared 8 months ago

5.6K views

18:13

Frontend System Design Essentials: Code Splitting and Lazy Loading

I Code It

Shared 8 months ago

4.3K views

23:13

Frontend System Design Essentials: Real-time updates

I Code It

Shared 9 months ago

15K views

18:55

Frontend System Design Essentials: Optimistic updates

I Code It

Shared 9 months ago

3.7K views

14:44

Frontend System Design Essentials: Virtualization Explained

I Code It

Shared 9 months ago

16K views

15:08

Frontend System Design Essentials: Normalization Explained

I Code It

Shared 9 months ago

12K views

34:20

Frontend System Design Interview: How to Design a Twitter/LinkedIn Feed List

I Code It

Shared 10 months ago

5.1K views

28:16

Frontend System Design Interview: How to Design a Typeahead Component (With This 5-Step Model)

I Code It

Shared 10 months ago

11K views

26:03

Tactical vs. Strategic Refactoring in React (with a Real Example)

I Code It

Shared 10 months ago

629 views

12:28

What Really Boosted My Career as a Developer (Beyond Just Coding)

I Code It

Shared 10 months ago

1K views

8:56

What I’d read if I were starting again as a developer in 2025

I Code It

Shared 11 months ago

1.1K views

26:39

How Prop Drilling Creeps In – And How to Refactor It with React Context

I Code It

Shared 11 months ago

785 views

21:03

Refactoring Techniques Every React Developer Should Know

I Code It

Shared 11 months ago

962 views

11:13

React Interview Coding Challenges: Debounce & Throttle Explained

I Code It

Shared 1 year ago

811 views

23:27

React Interview Coding Challenges - Eliminate Request Waterfalls (Parallelise Reqeusts)

I Code It

Shared 1 year ago

2.1K views

7:30

How to Structure Your Frontend System Design Interview Like a Pro – The CCDAO Framework

I Code It

Shared 1 year ago

6.1K views

8:54

React Interview Coding Challenges – Avoiding Overlapping Requests with AbortController

I Code It

Shared 1 year ago

2.6K views

10:03

Visual Regression Testing with Playwright: Catch Every UI Change!

I Code It

Shared 1 year ago

4.6K views

17:40

React Interview Coding Challenges - Infinite Scrolling with React Query

I Code It

Shared 1 year ago

632 views

23:23

React Interview Coding Challenges - Implementing Infinite Scrolling with Pagination

I Code It

Shared 1 year ago

741 views

22:36

React Interview Coding Challenges - Introducing IntersectionObserver API

I Code It

Shared 1 year ago

1.1K views

14:57

React Interview Coding Challenges - Implement An Expandable Tree Component

I Code It

Shared 1 year ago

1.2K views

23:09

Simplify Large-Scale Code Refactoring with Hypermod

I Code It

Shared 1 year ago

419 views

29:24

React Clean Code - Simplify Complex UI with Headless Components Pattern

I Code It

Shared 1 year ago

1.2K views

33:06

Pragmatic Drag and Drop in React – The Monitoring API

I Code It

Shared 1 year ago

2.5K views

17:27

Pragmatic Drag and Drop in React – The Drop Target API

I Code It

Shared 1 year ago

2.2K views

22:50

Building Drag and Drop in React: Draggable Explained

I Code It

Shared 1 year ago

5.6K views

24:13

React Clean Code - Implementing Headless Components for Flexibility and Reusability

I Code It

Shared 1 year ago

966 views

26:34

Codemod Crash Course: Automate Refactoring with jscodeshift

I Code It

Shared 1 year ago

2.1K views

11:29

Understanding Abstract Syntax Trees with ASTExplorer

I Code It

Shared 1 year ago

1.7K views

22:19

React Clean Code - Advanced Context Menu Refactoring with ACL

I Code It

Shared 1 year ago

635 views

15:20

React Clean Code - Refactoring a User Dashboard with Composition

I Code It

Shared 1 year ago

893 views

22:31

React Clean Code - Refactoring a Request Type Builder with Dependency Inversion Principle

I Code It

Shared 1 year ago

696 views

28:47

React Clean Code - Refactoring a Context Menu with Collection Pipeline

I Code It

Shared 1 year ago

639 views

16:54

Top Five Tips for Code Interviews for Frontend Developers

I Code It

Shared 2 years ago

434 views

11:24

Enhancing Data-Fetching with React Suspense and Error Boundaries

I Code It

Shared 2 years ago

1.2K views

15:11

Build a Tailwind CSS Shimmering Skeleton: Live Coding Session

I Code It

Shared 2 years ago

1.6K views

17:30

Exploring Lazy Loading: Native Import vs React Suspense with Practical Demos

I Code It

Shared 2 years ago

640 views

5:40

Quick Chrome Tip: Stub Network Requests with Chrome’s Network Overrides

I Code It

Shared 2 years ago

650 views

21:50

Evolving Your React App Safely with Feature Toggles and Branch By Abstraction

I Code It

Shared 2 years ago

1.1K views

16:34

How Tasking Leads to Simple, Maintainable React Code

I Code It

Shared 2 years ago

450 views