Responsive Mortgage Calculator
Solution retrospective
I proud of my use of useContext after realizing that prop-drilling was not the most effective choice for all the components in this project. I hit a brick walling trying to prop drill multiple variables across multiple components, but thats a good thing because we learn through failure
I would plan appropriately and map out the structure of my components
What challenges did you encounter, and how did you overcome them?challenges: Prop-drilling not being effective for every component, getting used to making components as opposed to several functions in plain Javascript
I used useContext so I could import any component I want into any component necessary and broke down my application into small components to get used to using components
What specific areas of your project would you like help with?Modularity, some of my functions are not able to be exported and added to another project without additional code
Please log in to post a comment
Log in with GitHubCommunity feedback
- P@DrakeHermit
Good job on finishing the project, it works as it should and that's all that matters. But that being said you didn't really follow the design file at all, and you should make it a bit more responsive, maybe on mobile devices let the content span the whole screen instead of having background color. I saw you included two h1's, in your markup, which is not recommended at all. Also I noticed you do div.[class] which is not necessary or section.[class] for that matter. Also when you want to destructure values or functions from context you made you can just do it in one line const {...} = useContext(ParameterContext) instead of destructuring each value on a different line. Also you don't need to e.preventDefault() in every if statement it's enough if you just include it at the top of the function. I suggest you go over the earlier learning paths and brush up on html, css, and js knowledge before you continue working with react. That's all if you want you can look over my github profile.
Happy coding!!
Marked as helpful
Join our Discord community
Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!
Join our Discord