pro $24.99 per month
- access to all Manning books, MEAPs, liveVideos, liveProjects, and audiobooks!
- choose one free eBook per month to keep
- exclusive 50% discount on all purchases
lite $19.99 per month
- access to all Manning books, including MEAPs!
team
5, 10 or 20 seats+ for your team - learn more
Look inside
With a brand new grant from the finance department, biotech company SphereCell has hired a new frontend web developer — you! Your boss wastes no time laying out your first project: completely refactor SphereCell’s sales trends dashboard.
The goals of this refactoring are to modernize the dashboard, reduce technical debt with future-proof code, and improve its maintainability. Your boss has also mentioned that SphereCell will soon need another new dashboard for an upcoming subscription service, so you’ve decided to use React Hooks to ensure the work you do will be easily reusable.
Your challenges will include migrating the existing codebase and data fetching logic to React Hooks, move the application’s state to the React Context API, and make sure everything is robust and working with automated tests.
The goals of this refactoring are to modernize the dashboard, reduce technical debt with future-proof code, and improve its maintainability. Your boss has also mentioned that SphereCell will soon need another new dashboard for an upcoming subscription service, so you’ve decided to use React Hooks to ensure the work you do will be easily reusable.
Your challenges will include migrating the existing codebase and data fetching logic to React Hooks, move the application’s state to the React Context API, and make sure everything is robust and working with automated tests.
This project is designed for learning purposes and is not a complete, production-ready application or solution.
liveProject mentor Bernard Fuentes shares what he likes about the Manning liveProject platform.
prerequisites
This liveProject is for intermediate web developers and frontend engineers seeking to learn more about React Hooks, and the React Context API. To begin this liveProject, you will need to be familiar with:TOOLS
- Basics of JavaScript
- Basics of frontend development workflow and tooling
- Basics of React
- Basics of modern frontend development
features
- Self-paced
- You choose the schedule and decide how much time to invest as you build your project.
- Project roadmap
- Each project is divided into several achievable steps.
- Get Help
- While within the liveProject platform, get help from fellow participants and even more help with paid sessions with our expert mentors.
- Compare with others
- For each step, compare your deliverable to the solutions by the author and other participants.
- book resources
- Get full access to select books for 90 days. Permanent access to excerpts from Manning products are also included, as well as references to other resources.
related titles
related titles
choose your plan
pro
monthly
annual
$24.99
$249.99
only $20.83 per month
- access to all Manning books, MEAPs, liveVideos, liveProjects, and audiobooks!
- choose another free product every time you renew
- choose twelve free products per year
- exclusive 50% discount on all purchases
-
![]()
Refactoring to React Hooks project for free
Refactoring to React Hooks project for free
team
monthly
annual
$49.99
$399.99
only $33.33 per month
- five seats for your team
- access to all Manning books, MEAPs, liveVideos, liveProjects, and audiobooks!
- choose another free product every time you renew
- choose twelve free products per year
- exclusive 50% discount on all purchases
-
![]()
Refactoring to React Hooks project for free
