Reusable Components, Project Organization, Refactoring

## Topics Covered - Re-usable components - Helper functions and custom hooks - Project organization - Refactoring ## Learning Objectives By the end of this lesson, we will: ### Objective 1: Re-usable Components - Discuss the value of reusable components and how they foster efficiency, scalability, and consistency in React development - Implement reusable components that can be shared across an application ### Objective 2: Helper Functions and Custom Hooks - Discuss utility functions and custom hooks - Identify opportunities to extract non-React logic into helper functions - Understand when and why to create custom hooks for reusable stateful logic ### Objective 3: Project Organization - Discuss essential methodologies for effective file organization in a React project - Formulate an approach to organize our project ### Objective 4: Refactoring - Examine how refactoring out portions of an existing component into re-usable components improves code organization and readability - Demonstrate the process of extracting logic and elements from components to craft sub-components