Create Native Mobile App using React Native & Redux

Since last few months we have started exploring React Native and Redux for mobile app development and we found this tech stack very impressive. React it self is very powerful technology and React Native is layer above Native mobile app libraries so using React native you can create Native like app.

Though you are not writing code in android studio or xcode but still you are building native app because React Native uses the same fundamental UI building blocks as regular iOS and Android apps.

Learn more about react-native at https://facebook.github.io/react-native/

Another huge difference compare to other mobile app development platform like Meteor, I found react-native app development very fast and it runs quickly in Emulator. It reloads really fast. So overall you will feel good experience working with React Native.

Why Redux?

Redux is a predictable state container for JavaScript apps.

Redux provides architecture to app. When you use redux you don't need to worry about state and over all data flow in the application. Redux has it's own fundamentals called Actions, Reducers, Store, Compose and many other framework utils.

Action - will trigger an actual action ex. it will call third party API

Reducer - will just change state

Store - will maintain all data related to app state

Using Redux you can divide your mobile app in parts and assign different role to each part.

Read more about redux at http://redux.js.org/docs/basics/

Here you will need to understand that react native and redux both are completely different technologies and we will need something to connect them. Fortunately, npm module called react-redux is already there which does this task perfectly.

React-native and Redux are limited to mobile app front end only. It does not do any back end task at all. They are just for your front end needs.

John has written very good post on how to create mobile app using react native. Most of the content is video tutorial so I hope you will enjoy learning this new tech stack. Here is the link for the same.

https://medium.com/@jonlebensold/getting-started-with-react-native-redux-2b01408c0053#.4ts85gsg0

For any mobile app development opportunity contact us.