Refactoring A Junior’s React Code - 43% Less Code With A Better Data Structure
Find the blog post to this video including the complete code here:
https://profy.dev/article/react-junio...
Find a detailed guide to debugging React with VS Code here: https://profy.dev/article/debug-react...
00:00 - Intro
00:08 - Demo of the app
00:35 - Code Review: Overview
01:28 - Code Review: Data Structure
02:18 - Code Review: Unnecessary State
02:43 - Code Review: Directly Accessing The DOM
03:03 - Refactor: Data Structure
07:26 - Refactor: Unnecessary State
08:52 - Refactor: Remove document.getElementById()
10:29 - Refactor: Final Clean Up
11:36 - Final Review & Summary