Introduction [v1.0.0]

Performance is one of the topic which can change the overall perception of the service you deliver. To be honest, we have sometimes a hard time matching our and our customers expectation on that topic. This articles is based on what we learned so far during this journey. Mistakes that we did, and will not reproduce, or stuff that we learnt and actions that we took in responses.

Everything you know about React performance will apply in a React Native application

There are some great React Native Apps out-there. Here is how we try to be one of them.

View repo on Github

Netlify Status

Table of Content

  1. React Navigation
  2. Tab navigation

State Management

  1. Component state
  2. Context API
  3. Redux
  4. Mobx
  5. VSCode warning

Form

  1. Formik
  2. Redux Form
  3. Formik Validation
  4. Form ScrollView

Custom Component

  1. UI Component Library
  2. Header Use Component Library
  3. Button
  4. Screen Sizes and Resolutions

Use Typescript

  1. Create react native app
  2. Button
  3. Text

Animations

  1. Animations in React Native
  2. react-native-animatable
  3. react-native-reanimated

Blog

More: