bare-ui v0.1.3

Bare UI

Bare UI is a set of basic React components. By "basic" I mean they are just components with an opinionated API that you can use to built your own abstractions.

Who is this library for

This library is for people who just want basic abstractions without the hassle of rewriting them everytime from scrath for every new React project.

I tried keeping away from design choises since I'm no designer. Sometimes I just wanna make my UIs look OK so that's why I took looked up some sane default choices for the Text and Button component.

Collection

The complete list of components is the following:

• Text: A React component for displaying text. Should be used with a theme object.
• Button: A React component to create basic buttons. Should be used with a theme object.
• Divider: A React component that serves as a thin line that separates groups content in lists and layouts. It replaces the horizontal rule tag.
• Image: A React component for displaying different types of images. It replaces the image tag and supports: "Fallingback to alternate sources when loading an image fails", "Using text or a component placeholder", "Image captioning" and "Making alt required".
• ScrollView: A React component that allows the view hierarchy placed within it to be scrolled.
• Spacer: A React component that represents a flexible space that expands vertically or horizontally.
• List: A React component for rendering a basic list of content. No optimizations, only defaults. It replaces the unordered list tag.
• FlatList: A React component for performant rendering for list of content (Flat lists). It replaces the unordered list tag.
• FlatList (with variable items): A React component for performant rendering for list of content (Flat lists). It replaces the unordered list tag.
• Stack: A React component that arranges its children in a vertical or horizontal line.

The listed components are thought to be flexible enough to many of my day-to-day use cases. I recommend checking out the storybook of the project since there are a lot of ways to use them.

Storybook: https://Platekun.github.io/bare-ui/

Inspiration and Thanks!

This library is based on Swift UI and React Native.