Technologies Used

The components of the App are built using the core components of React Native and NativeBase. The theme also constantly incorporates various other latest technologies.

  • React Native
  • NativeBase v2.x
  • Redux
  • React Navigation

React Native

React Native helps in making the development work easier and allowing the developers to focus on the core app features in every new release. It is the fastest-developing mobile app development that essentially permits you to create an isolated product with often outcomes. The hymn of React Native — learn once, write anywhere. React Native takes charge of the view controllers and programatically generates native views using javascript. This means that you can have all the speed and power of a native application, with the ease of development that comes with React.

NativeBase

NativeBase is an open source UI library from the team of StrapMobile. This framework enable developers to build high-quality mobile apps using React Native iOS and Android apps with a fusion of ES6. NativeBase builds a layer on top of React Native that provides you with basic set of components for mobile application development. The applications stack of components is built using native UI components and because of that, there are no compromises with the User Experience of the applications. NativeBase is targeted specially on the look and feel, and UI interplay of your app. NativeBase without a doubt fits in well with mobile applications which cut downs one huge part of your app - The Front end.

Quick links to NativeBase

Redux

As the requirements for JavaScript single-page applications have become increasingly complicated, our code must manage more state than ever before. UI state is also increasing in complexity, as we need to manage the active route, the selected tab, whether to show a spinner or not, should pagination controls be displayed, and so on. Redux is a predictable state container for JavaScript apps. It helps you write applications that behave consistently, run in different environments (client, server, and native), and are easy to test. Redux attempts to make state mutations predictable by imposing certain restrictions on how and when updates can happen. These restrictions are reflected in the steps of three:

  • The state of whole application is stored in an object tree within a single store.
  • The only way to mutate the state is to emit an action, an object describing what happened.
  • To specify how the state tree is transformed by actions, you write pure reducers.

React Navigation

Navigators allow you to define your application's navigation structure. Navigators also render common elements such as headers and tab bars which you can configure.

  • Stack Navigator
    Renders one screen at a time and provides transitions between screens. Each new screen is put on the top of the stack and going back removes a screen from the top of the stack.
  • Tab Navigator
    Renders a tab bar with a TabRouter that lets the user switch between several screens
  • Drawer Navigator
    Provides a drawer that slides in from the left of the screen

results matching ""

    No results matching ""