How to Use shadcn/ui in React Native Applications [Full Handbook]

If you've built a couple of React Native apps, the following probably feels familiar. You start with a colors.ts file and a simple Button component. Everything looks fine at first. Then the design changes a few times, and that small color file starts growing. Your Button also picks up another prop every time someone asks for a slightly different style.

The setup works at first, but after a few design changes, even a small update can mean checking several files across the project.

These are simplified examples, but you get the idea. The color object keeps growing, and the Button collects more props to handle every new design request.

Each change seems reasonable when you make it. But the annoying part comes later, when changing one design decision means checking several files to see that nothing else has changed unexpectedly.

Source: freeCodeCamp News — Read the full article on the original site ↗