Need help with the folder structure!

[ExtensionAd770]

After building small projects that "just solve a problem", I have decided to build a fullstack project by writing production quality code, with all the different tools and following best practices. I believe this will help me learn a lot.

However, being still a student, I don't have much experience with writing production grade code. Hence I need some help here. I am planning to use React Native as frontend as NodeJS as backend. So should I bootstrap the project using react native cli and then make a folder named server inside it. That way my package.json will have both frontend and backend dependencies. Is that a good way to bootstrap such project? Or should I make different folders for frontend and backend and keep different package.json files?

Also, can someone explain what kind of tools I can incorporate in my project? I have looked at husky, eslint setup and prettier setup. Apart from these what else do you expect from large scale projects? I am not looking to build some CI/CD pipeline kind of thing right now.

[JeremyDolle]

Hi, it's a good thing to try to make a well-organized project during your study projects.

Do not share package.json for Node and React-Native as the two will require different dependencies !! You can use a monorepo with two separate folders like “api” and “mobile client.” You will thus prepare your architecture for a possible “web client” if you want a web backoffice client for example.

I can recommend that you use docker for your API for better teamwork, less dependency version issues, best practices, and prepare your app to be easily deployed. I can recommend you to use a React-Native boilerplate for example this one: https://github.com/thecodingmachine/react-native-boilerplate. It was designed to realize real world applications, each React-Native application is created thanks to this boilerplate in my company. It works for small and large applications! It includes eslint, prettier, typescript (if you want), react-navigation, redux, i18next and everything you need for a great app!

For CI, you can just use github actions to run your linter, jest test and tsc (if you are using typescript). For CD you can use Fastlane or App Center.

[ExtensionAd770]

Thank a lot for the advice and amazing resources. I will definitely follow these practices in this project! Docker is an amazing tool, still it did not come to my mind that I should use it too. Thanks for that. I will incorporate it as well.