Morningstar needs a React developer for a three-week project to refactor a component's state management. The task is to migrate a complex class component using local state (setState) to a modern functional component using React Hooks (useState, useEffect, useContext). This project requires a solid understanding of React Hooks and state management patterns. The goal is to improve code readability, maintainability, and performance. No certification is required, but demonstrable experience with React Hooks is a must.

We are modernizing parts of our React codebase and require a skilled developer to assist with the refactoring of a key component. The component in question is currently a large class component with complex state logic, making it difficult to maintain and test.

Your Mission:

Your primary task is to convert this class component into a functional component while preserving all existing functionality. The refactoring process will involve:

• Replacing the component's local state management from this.setState to the useState and useReducer Hooks.
• Converting lifecycle methods (e.g., componentDidMount, componentDidUpdate) to the useEffect Hook for handling side effects like data fetching.
• Where appropriate, leveraging the useContext Hook to consume data from a shared context, reducing prop drilling.
• Creating custom Hooks to encapsulate and reuse stateful logic.
• Ensuring the refactored component passes all existing unit tests and writing new tests for any new logic introduced.

The ideal candidate will be proficient with the React Hooks API and have a good sense of how to structure functional components for clarity and scalability. You will work within our existing development workflow, creating a pull request for your changes that will be reviewed by our senior engineering team.

• 1-2 years of experience developing with React.
• Strong understanding of React Hooks (useState, useEffect, useContext, etc.).
• Experience with state management patterns in React.
• Familiarity with a testing framework like Jest and React Testing Library.
• Proficiency with Git and the pull request workflow.

• Deepen your experience with modern React features.
• Work on a codebase for a well-respected financial services company.
• Flexible hourly contract.
• Receive feedback on your code from experienced engineers.