Bootstrapping a React Native App with Best Practices
Osama Qarem
Posted on August 23, 2020
Edit: While this was probably a decent template at the time – I no longer recommend using it today. For the latest and greatest check out create-t3-turbo or Solito.
If you're unaware, you can create your own react native template to be consumed by the react native cli.
Since I always end up referencing old projects for some code (e.g. navigators, automation scripts) I decided I to make one and save myself the headache.
Anyway, I've been maintaining it for some time now and I'm quite happy with where it's at. I only got around to writing some docs this weekend though, which is why I feel this is a good time to share. I should also mention that it is using TypeScript.
Check it out here!
osamaq/react-native-template
Thanks to the work by the authors of react-native-cli, using the template is as easy as:
$ npx react-native init MyApp --template @osamaq/react-native-template
If you are just starting to learn React Native or TypeScript, I don't actually recommend this template as it could be a bit overwhelming, unless you have a native iOS or Android background.
I've put a lot of work into it, from applying best practices to writing boilerplate components/logic that you can build upon. More than anything, I love the automation scripts. Please go through the docs or codebase and let me know what you think!
If you have questions or suggestions on how it could be improved or what you'd do differently, I'd really appreciate it. Thanks!
Posted on August 23, 2020
Join Our Newsletter. No Spam, Only the good stuff.
Sign up to receive the latest update from our blog.