#Free #dashboard #templates built with #TailwindCSS and #Alpinejs - TailDashboards https://taildashboards.com/

Explore our article: Frontend Madness: SPAs, MPAs, PWAs, Decoupled, Hybrid, Monolithic, Libraries, Frameworks! WTF for your PHP backend? https://symfonystation.com/Frontend-Madness-JS-PHP-Backend #javascript #PHP #symfony #Laravel #Drupal #WordPress #React #Vue #Svelte #AlpineJS #Angular #Viewi #PWAs

Retrieving AlpineJS data in a global function - https://anjane.sh/alpinejs-data #data #alpinejs

Played around with #playwright for UI testing, more #django , #alpinejs and #htmx and had a blast from the past - published my #weeknotes for last week: https://wersdoerfer.de/blogs/ephes_blog/weeknotes-2023-06-19/

#HTMX 気になってる。
雰囲気的には #AlpineJS みたいなものなのかな…

#RiotJS もインブラウザコンパイル版が便利だと思ってて、こういうシンプル回帰がそろそろ起こってほしい…

https://htmx.org/

Flowbite Dynamic Nav Menu with Search - https://anjane.sh/nav - #flowbite #alpinejs #tailwindcss #javascript

I was trying to explain reactiveness using AlpineJS to a colleague at work but failed to make a point which is the crux of how the DOM gets updated. Using AlpineJS's $store magic - https://anjane.sh/store - #alpinejs - Updating DOM by just adding an entry to the global array.

#python and #websockets : https://github.com/anjanesh/websockets - #alpinejs #javascript

@webdev_discussions yeah, when you slcage yourself into a specific technology, not even finding it on the list.. ooof. makes me sad #alpinejs

I built this little app over the holidays, to solve a problem I have with finding my books, which are stored haphazardly in bookshelves around the house:

https://shelfy.tomd.org/

Please try it out and let me know what you think. It should also work for shelves of CDs, DVDs, spices, anything with text labels.

Tech is #django, #htmx, #alpinejs, #sqlite, #flyio, Google Cloud Vision AI. Also my first time using @aymericaugustin's excellent django-sesame, for 'magic link' auth, Slack/Monzo style.

Replacing oninput with x-mask - https://anjane.sh/x-mask - #alpinejs

https://ux.symfony.com/

Love that #symfony is all in on #stimulus & #turbo from the #rails world.

Stimulus is my go to these days for simpler ui interactions - first came across it via Laravel Orchid. It really hits that sweet spot where you don't need a full blown reactive framework.

Otherwise I still reach for #VueJs or #AlpineJs for the heavier SPA projects.

I wrote the frontend of an earlier iteration of my side project https://radiofeed.me in #react - the reason was I wanted to be able to play a podcast on the site and navigate around without having a page reload.

The current iteration uses #htmx and #alpinejs. With HTMX links just reload the main content of the page, while the audio player can run without being affected.

A far simpler architecture - plain #django templates with a small JS payload.

Ended up using both djhtml and djlint for #django templates. djhtml is a bit less drastic in its formatting (especially with #alpinejs attributes) but djlint does a great job with linting. Using both together in pre-commit setup I was able to tidy up a ton of templates and catch a few silly errors.

Just added djlint to project for pre-commit formatting/linting of #django templates.

Works well but one annoyance is that it breaks #alpinejs code, so you need lots of {# djlint:off #} comments in templates.

Just updated my side project https://github.com/danjac/radiofeed-app with latest dependency updates. Also removed Twitter login support, nobody seems to want it....

#projects #htmx #alpinejs #django #tailwindcss

Working on legacy jQuery/Bootstrap + custom CSS project, I really dig the "locality" (if that's the right word) of #tailwindcss and #alpinejs when you need to maintain and understand the code.

Had a great call with Caleb Porzio this week the creator of #alpinejs and #livewire. Was a call about their new partner programme but was great to have the opportunity to ask a few questions about the wider Alpine and Livewire landscape. #laravel #php

Made a couple of pretty decent contributions today, but I'm very scaled of lack of scalability of #alpinejs code bases.

If anyone knows of a template engine which is good enough to wrap #alpinejs code into components, please share! We need as little tech as possible, because the moment #webpack enters the picture, we might as well go back to #reactjs!

FYI, I am *not* advocating for usage of #alpinejs for projects where scalability of a code bases is required. It's dangerous to use and it's unmaintainable, as raw tailwind is too.

If you need to write large, complex, maintainable, interconnected UIs, use #reactjs with #recoil.