NativeBase VS restyle

Gluestack, like any other customizable UI library, is built to make styling less cumbersome. It comprises a set of themed and unstyled components easily integrated across different platforms and devices. Originally, Gluestack was a part of NativeBase, a component library for both React and React Native. With performance and maintainability in mind, NativeBase was split into two parts, focusing on a universal CSS-in-JS library and an independent set of unstyled components. Gluestack has several advantages, some of which are:

Native-base

Just like the other libraries mentioned in this article, Gluestack is another unstyled component library. Originally a part of NativeBase, the developer team created this library to prevent bloat and enhance maintainability of the project.

KumaUI : Another relatively new contender, Kuma uses zero runtime CSS-in-JS to create headless UI components which allows a lot of flexibility. It was heavily inspired by other zero runtime CSS-in-JS solutions such as PandaCSS, Vanilla Extract, and Linaria, as well as by Styled System, ChakraUI, and Native Base. ### Vue

You can see timeline of that here: https://github.com/GeekyAnts/NativeBase/issues/4302

NativeBase is being abandoned unfortunately , I wouldn’t start a new project with it https://github.com/GeekyAnts/NativeBase/issues/4302

I’ve just rebuilt my React Native app template with shopify restyle and Expo 48.

I use Restyle https://shopify.github.io/restyle/ since I discovered it, my code is so much cleaner. I have tried NativeBase before, it was really good but it has a very bad performance.

Restyle is my personal favorite. It’s strongly inspired by the amazing, albeit a bit outdated, styled-system for web, but is fully type-safe and has amazing customization options.

I personally prefer Restyle

💅 Minimal UI kit using @shopify/restyle with theming

If you are building out your own custom components use restyle https://github.com/Shopify/restyle

Forget CSS pseudo-elements and selectors; in React Native, we inline the styles. The recommended approach is to use a StyleSheet object, but I enjoy using Styled Components in a similar way as on the web. If you are a fan of styled systems, Restyle from Shopify is gaining popularity.