Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/geiefi/terraprisma

A WIP batteries-included type-safe UI library for SolidJS
https://github.com/geiefi/terraprisma

components css html javascript jsx solidjs tailwind tailwind-css terraprisma typescript ui-components

Last synced: about 14 hours ago
JSON representation

A WIP batteries-included type-safe UI library for SolidJS

Awesome Lists containing this project

README 

        
# Terraprisma





  components showcase




A WIP batteries-included UI library for SolidJS.



## What makes Terraprisma special?



Terraprisma is not just another UI library, it tries to improve on various key points

of discomfort that other UI libraries (of all frameworks) have and tries to take the DX to the next level.



Beyond that, I am really dedicated into improving the ecosystem for SolidJS and making it so that

people that are used to using batteries-included UI libraries still get what they want. Also, I just wanted

to use a type-safe UI library like this for once that works as expected.



Really, the thing that motivates me the most is actually making this for myself and my own use.



## The principles



What really makes the DX great, is the principles that are used to guide the development

of Terraprisma.



### Type-safety, because peace of mind matters to us



On Terraprisma, you should not have to worry about things like:

- using validators that should not be used on a certail field,

- types in the value of a Form not matching the field in the actual markup like trying to

associate a `type=number` input to a field that is supposed to be a string.

- when a component needs to have a `color` that is based on the defined theme the allowed colors

are communicated globally through special types so that you have type-safety on your theme colors as well.



### Flexbility that feels like HTML



While Terraprisma is not going to provide the same flexbility as something like `shadcn`,

(which I think we will soon also have with Solid), you can still have flexbility that can take you really far

on the spectrum of changes you can make.



Two of the ways this is currently manifested are:

- Always forwarding the main element's props to the component's props so you can set anything like the normal element

  * Keep in mind this means you won't really be able to easily change properties of elements that are still of the component but that are wrapping the element somehow

- Always trying to make components as composable as possible, with littles pieces, like lego, you can put together to make the resulting UX



### Error traceability even when you don't have source maps



We are going to always try to take the error messages so that they are as informative and as good as possible

for you to be able to debug errors even if you don't have source maps and the code running in production

is not minified and uglified.



One of the ways this is manifested is with the `identification` prop. All components that may error, will, for the most part,

require an `identification` prop that will be used in the error messages so it makes it much easier for you to narrow down

what is the problem, or where it is coming from once you have them.



## Okay, cool, when can I use it?



Currently we do have an npm package published, but only for testing. It isn't stable and I it will

have major breaking changes still until it actually has an stable version. The previous idea

was to have one until December 2023, but that was much harder than I though so

now I wish to have it until August 2024 at least.