Implementation guide

Important informations:

Before you start your implementation please read this guide. This will make sure we keep our coding standards and consistency across whole application.

Technical stack:

In building our frontend we use React Native, so we could reuse components to build a native app.

Reusable components:

To keep consistency we reuse components whenever we can. Below we have list of components you can reuse and properties which needs to be provided.

SectionHeader

Whenever you need to use Section header it is crucial to use the same component.

Example of usage:

<SectionHeader title="Partners" />

SectionSubheader

Whenever you need to use Section subheader it is crucial to use the same component.

Example of usage:

<SectionSubheader title={header} />

We follow the concept of reusable components so each header, subheader, body, horizontal line, etc. is a reusable component, so to fix or restyle one component it can be easily possible across all screens.

Each section should be reusable component, so to move sections between screens is easy to achieve.

Styles

For styles we use following pattern:

import { View, StyleSheet } from 'react-native';

const styles = StyleSheet.create({
  container: {
    width: '100%',
    alignItems: 'left',
  },
});