Cover image for React Native Flawless UI

React Native Flawless UI

tuantvk profile image tuantvk ・2 min read


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 on web React Native Flawless UI

View repo on Github

Table of Content


  1. React Navigation
  2. Tab navigation

State Management

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


  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

Built With


Posted on by:

tuantvk profile



js, python. C0de h4v3 fun


Editor guide

Hi @tuantvk .

It seems like ToC (Table of Content) links are broken as there is no content in the post. Would you check if the article was created/imported successfully?


Tks so much !, i fixed !

Sloan, the sloth mascot Comment marked as low quality/non-constructive by the community View code of conduct

React, It's like swimming in the lake of wizdom until mighty eagle reveals he's been peeing in the water.