DEV Community

Cover image for Bootstrapping a React Native App with Best Practices
Osama Qarem
Osama Qarem

Posted on β€’ Edited on

12 5

Bootstrapping a React Native App with Best Practices

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
Enter fullscreen mode Exit fullscreen mode

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!

Hostinger image

Get n8n VPS hosting 3x cheaper than a cloud solution

Get fast, easy, secure n8n VPS hosting from $4.99/mo at Hostinger. Automate any workflow using a pre-installed n8n application and no-code customization.

Start now

Top comments (2)

Collapse
 
ibrahimkamal profile image
Ibrahim Kamal β€’

3aaaash ya Osama πŸ’™πŸ’™

Collapse
 
osamaqarem profile image
Osama Qarem β€’

❀

SurveyJS custom survey software

JavaScript Form Builder UI Component

Generate dynamic JSON-driven forms directly in your JavaScript app (Angular, React, Vue.js, jQuery) with a fully customizable drag-and-drop form builder. Easily integrate with any backend system and retain full ownership over your data, with no user or form submission limits.

Learn more

πŸ‘‹ Kindness is contagious

Please leave a ❀️ or a friendly comment on this post if you found it helpful!

Okay