DEV Community

Discussion on: Magnus UI vs. Dripsy - Chakra UI alternatives for React Native (+Web)

Collapse
 
redbar0n profile image
Magne • Edited

NativeBase is worth checking out: "Mobile-first, accessible components for React Native & Web".

It works with RNW, and it looks like you can get SSR with it (without an utility-first approach, but more like Dripsy, since "NativeBase V3 allows you to provide object and array values to add responsive styles."):

github.com/GeekyAnts/NativeBase/pu...

But maybe not, since compatibility with NextJS is still questionable:
github.com/GeekyAnts/NativeBase/is...

Even though NativeBase has docs for NextJS:
docs.nativebase.io/install-next

Collapse
 
redbar0n profile image
Magne • Edited

Chakra UI vs. Nativebase code comparison (usage, functions, components): nativebase.io/blogs/nativebase-cha...

Collapse
 
redbar0n profile image
Magne

NB: Many people are reporting performance issues at scale with NativeBase. Heard in various Discord channels, and also here: github.com/GeekyAnts/NativeBase/is...

Collapse
 
redbar0n profile image
Magne

NativeBase doesn't seem to have the same polished aesthetics as Chakra UI.

But you could potentially use Chakra UI's theme with NativeBase's unstyled components: github.com/chakra-ui/chakra-ui/iss...

Collapse
 
redbar0n profile image
Magne • Edited

See also the successor to Nativebase, made by the same team, called Gluestack UI ui.gluestack.io/ which can be used with the accompanying dank.style style library. It is part of the overarching suite they call Gluestack.io

Nativebase is discontinued for performance reasons: github.com/GeekyAnts/NativeBase/is...