Slawomir Stec
Tailwind CSS autocomplete
I want to share a small project today. It is a autocomlete field component. Implemented using NextJs and Tailwind CSS framework. Nothing special, just fun project that I wanted document for myself.
Link below:
https://github.com/stokilo/autocomplete-tailwind-cssIt filters our hardcoded list of cities. Entries can be highlighted, item selection can be done by mouse or keyboard.
I'm currently migrating from Vue/NuxtJS fot React/NextJs. I wanted to learn something new. I really like this new client stack. I found NextJs documentation much easier to read and understand than the one provided by NuxtJs. SSR process is described clearly and I think will use it for some projects. For now I will stick with client side only SPA.
React is a really nice surprise for me. A lot of friends don't like it. I started using it using functional components. Probably because I'm better in Vue than in Angular. It is a pleasure.
The UI is based on Tailwind CSS. Component styling approach results in quite verbose markup, but I'm convinced by Tailwind author that it is easier to reason about the rendered view this way. No need to jump between files and find class by name, check the contained styles and go back to markup. Class names are cleverly selected and describe accurately what they mean to do.
I will continue working on custom components using React/Tailwind. This will require quite big CSS know-how refresh.