I recently finished my first React project, but I feel like it is a little bit messy. You can see the project @ https://infinitenotes.netlify.com/ and the source code here if you like. The project is a notes application with categories that can be nested.
I am currently learning some new things to improve the app like the Context API and patterns like Render Props and Compound Components.
The thing I struggle most with right now is thinking how I could improve the structure of the app and avoid prop drilling. Right now I am doing quite a bit of prop drilling from my into other components all the way to components like .
I'd like to mention that I'm not looking for advice on how to structure my files (I already have a framework for that). I'm looking for some guides on how to plan the architecture of applications.
Here are some things that I am considering right now:
- Removing some utility functions from my and just import them when I need them.
- Utilizing the Context API to avoid prop drilling
- Looking for ways to improve the code with advanced component patterns like Render Props, Compound Components and other patterns.
So, do you have any resources you would recommend?