Launching our iconic starter kit, Native Starter Pro, with backend

Native Starter Pro With Backend — StrapMobile

It doesn’t seem long since we launched StrapMobile in November 2015. Native Starter Pro was our first product and for quite some time it remained as the only one, not just on StrapMobile but even in the whole React Native community, it was one of the very few.

Even as we went on to add many more starter kits further, with more specific theme, Native Starter Pro never faded out and is till date our best selling starter kit.

Recently, we began launching our themes with backend integration and it was time for our veteran starter kit to be added to the list, and hence, we’ve finally launched Native Starter Pro with Backend.

Unlike the Native Starter Pro UI theme which has plenty of screens included, the backend theme has only three screens as shown in the GIF below, i.e. Login, SignUp and Dashboard.

Native Starter Pro with Backend

The most interesting part here is that this time we’ve implemented MobX instead of Redux for state management.

We were looking to build one such kit for some time, and finally when we have, it must be admitted that MobX is pretty awesome. I won’t get into detail here of why, but if you wish for a detailed analysis, you can read our article here comparing MobX and Redux.

The UI

• The kit is made upon Native Starter Pro — Seed project, so the common screens are the same.
• It has ready-to-use User Authentication with three screens Login, SignUp and Dashboard along with a side bar.
• Like all our themes, we’ve used NativeBase components.
• There is form validation on login and signup screens which is implemented using ValidateJS.
• Again, just to avoid any confusion, we’ve used MobX in this theme.

The Backend

In back-end, we have used the following technologies:

• Node.js
• MongoDB
• REST API
• JWT Login
• ES6
• Express
• Passport for authentication

We have three endpoints in our REST API: login, logout and users.

The folder structure is as such,

Frontend and Backend respectively

We have quite a bit on our roadmap as well.

Back-end

• Add Email integration using SMTP
• Send out “Welcome email” when user signs up
• Write back-end API to invoke reset password
• Provide a Web page to reset password

Front-end

• Multiple language support using i18n
• Facebook and Google login
• Use NavigationExperimental
• Create a redux version

You can see all the node modules that we’ve included and other features on the product page.

You can also try it on PlayStore or AppStore.

Feel free to let us know in comments if there’s something you want us to include or any general feedback. We’d love to know.