Refactoring A Junior’s React Code - Reduced Complexity With A Single Source Of Truth

Link to the article: https://profy.dev/article/react-junio...
The initial code:  https://github.com/profydev/prolog-ap...
The final code: https://github.com/profydev/prolog-ap...

00:00 - Intro
00:06 - The Feature To Be Reviewed: A Filter Bar
00:21 - The Code: Overview
01:58 - Code Review: The filters variable
02:40 - Code Review: The useFilters hook
03:02 - Code Review: The Data Flow
04:04 - Code Review: The Core Problem
04:18 - Code Review: Alternative Approach
04:42 - Code Review: Alternative Data Flow
05:10 - Code Review: Project Name Autocomplete
06:14 - Code Review: Programmatic Styles
06:43 - Refactoring: The useFilters Hook With A Single Source Of Truth
09:21 - Refactoring: Initialize Default Input Values
11:45 - Refactoring: Remove The Project Name Autocomplete
14:25 - Refactoring: Fix Inputs Overlaying Navigation On Mobile Devices
15:54 - Refactoring: Remove Conditional Mobile Styles
18:13 - Final Review & Comments

• #education
• #junior
• #react
• #refactoring
• #review