DEV Community 👩‍💻👨‍💻

Eddy Vinck
Eddy Vinck

Posted on

Do you have any good resources about planning or structuring React apps you would recommend?

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:

  1. Removing some utility functions from my and just import them when I need them.
  2. Utilizing the Context API to avoid prop drilling
  3. 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?

Thanks!

Top comments (0)

🌚 Life is too short to browse without dark mode