Next generation frontend tooling. It's fast!
Now the backend is up and running, it's time to work on the user interface. The fun part, is the React part. I took the chance to use Vite for this project due to the fact I didn't really need all the bells and whistles that came with something like NextJs. Using Vite was a blast it's pretty simple to use and add on top of.
With the form and table more less coded up and looking good, it's time to populate the UI with some data. Supabase makes this super easy with supabase-js all that is required to get going is to create a connection client like so:
Appwrite - The Open Source Firebase alternative introduces iOS support . Appwrite is an open source backend server that helps you build native iOS applications much faster with realtime APIs for authentication, databases, files storage, cloud functions and much more!
Completely unstyled, fully accessible UI components, designed to integrate beautifully with Tailwind CSS.
The UI itself is pretty simple it's just a table with a form that populates some data after the user has submitted it to the database. As I was already using Tailwind I wanted to bring some life to the form and make things look decent. This is where headless.ui came in allowing me to make decent looking form components. I went ahead a built a couple of Listbox components to give the form a better feel. The headless ui library was awesome to use and makes forms and other little components a joy to build. You're even able to combine certain components within each other.
Introducing Full-stack Plugins
2 projects | dev.to | 21 Apr 2022
Preview.js - Open source IDE extension I made to preview React (and Vue) components
5 projects | reddit.com/r/reactjs | 31 Mar 2022
Preview.js - Open source IDE extension I made to preview Vue (and React) components
3 projects | reddit.com/r/vuejs | 31 Mar 2022
Trying out Ladle - A Storybook Alternative
4 projects | dev.to | 25 Mar 2022
Created a blog template with Sveltekit
4 projects | dev.to | 8 Mar 2022