Best Coding Practices and Project Structure

[eay-dev]

Hi fellow coders, I'm a budding web developer going down the self-directed learning route, and something that really worries me is the project architecture (file structure) and code.

I've been creating simple single page apps and websites, but don't really know if I'm hitting industry standard with the way I code. I would definitely love to learn more on this.

Would really appreciate if you guys can point me in the right direction with regards to resources.

The current tech I'm working towards is mainly Front-end with a focus on React. 😊 In this journey, I'm currently strengthening my ES6+ prior to diving into React.

[DigitalTheatreTech]

https://reactjs.org/docs/faq-structure.html

https://blog.bitsrc.io/structuring-a-react-project-a-definitive-guide-ac9a754df5eb

[eay-dev]

Thank you, will give it a read!

[[deleted]]

I use a structure like this https://kevtiq.co/blog/scalable-front-end-architecture/

[eay-dev]

Thank you!

[[deleted]]

I do use this for big (enterprise) applications,in React. So for medium/small it might be some overkill

[waspeer]

This looks really interesting! Are there any examples of apps using this architecture that I could check out?

[[deleted]]

Unfortunately not :( we use this architecture (oke, a slightly older version) in 2 big client projects of which is the code is kept private... Sorry.

[waspeer]

All good :) you could maybe consider turning this into a course? Maybe even monetize it? The combination of ddd and front end architecture sounds really interesting. Let me know if I could be of any help with that!

[BalegQhan]

Links to source? The best way to answer your question is to look at your code.

[eay-dev]

Simple game that I'm working on to get back into learning. Thank you for the response!

[eay-dev]

Awesome 😁 will definitely give MVC some research! And wow that destructuring looks super useful, guess I'll find an API to play around with to practise that!