carlton, (edited ) to random
@carlton@fosstodon.org avatar

The coffee must be good this morning.

Just drafting some thoughts about #AlpineJS and « ”I’m just going to write my own”, is the battle-cry of morons » gently flows from the fingers. ☕️

May have to copy-edit 🤔

carlton, to random
@carlton@fosstodon.org avatar

Just having another #alpinejs moment 🥰

array, to random
@array@fosstodon.org avatar

The story of my life when developing some web project is mostly always the same: I can surf on the code waves for a while... And then some apparently minor, silly detail got me stuck for hours. Now it's been a Vue component that refuses to display a selected placeholder by default, so you don't have to stare at an empty select bar. Yes, I've tried that already but no dice. Will I make it? Yeah, or bust. :D

lil5,
@lil5@fosstodon.org avatar

@danielsiepmann @array The most important thing to remind oneself is that in the end it’s just rendered in the browser, , , , are just reactive template engines (with state machines).

The question here is: is this an HTML or state-machine fix?

danjac, to django
@danjac@masto.ai avatar

Handling #Django messages with #alpinejs and #htmx

  1. For normal page rendering, we just render the messages in an include in the base template.
    https://codeberg.org/danjac/radiofeed-app/src/branch/main/templates/_messages.html

  2. For HTMX requests, the snippet is injected into the response with some middleware, using the hx-swap-oob tag.

https://codeberg.org/danjac/radiofeed-app/src/branch/main/radiofeed/middleware.py#L35

  1. AlpineJS uses x-show and x-transition tags to fade out the messages once they are displayed.
carlton, to django
@carlton@fosstodon.org avatar

Just warming up for Take 2 at my Enhancing your 5.0 Forms with talk.

Feedback was positive last week. Made a few tweaks. It'll be time to write it up after this one. 🦄

djangoparismeetup, to random

Carlton Gibson, former Django Fellow, will give a talk at the next meetup in the Octopus Energy France office the 23rd of April, come join us! 🦄

Cc @carlton

Register here:
https://meetu.ps/e/N2Wt2/w4Stv/i

carlton,
@carlton@fosstodon.org avatar

@djangoparismeetup I’m excited about this. I’m going to be talking about the way I’ve been doing forms, since 5.0, with , and then django-template-partials. It’s a lot of fun 😘👌

https://fosstodon.org/@carlton/111917663733972520

circumeo, to random
@circumeo@mastodon.social avatar

Building a web-based IDE with Django templates, HTMX, and vanilla JS -- so far no regrets. This kind of app seems like a candidate for React but I have deep SPA fatigue.

I can eventually see the JS getting out of control and hard to understand. What are you using on the front-end in terms of lightweight libraries or frameworks?

carlton,
@carlton@fosstodon.org avatar

@CodenameTim @circumeo yep, club alpine here.

It gives just the right amount of state handling, data binding, reactivity. A+.

Easy enough to move more substantial bits into Proper Classes/Modules, and leave Alpine to handle the last few feet to the UI.

Having a lot of fun with it. Recommended.

blaise, to random
@blaise@hachyderm.io avatar

@_chrismay blew my mind yesterday with a demo of @django #AlpineJS and #htmx so now I want to rebuild my portfolio/blog site ...

Are there any particular repos or examples that I should use as a starting point?

_chrismay,
@_chrismay@fosstodon.org avatar

@blaise @django @carlton
Wow! Thank you for the kind words!

A great entry point is the awesome python htmx repo: https://github.com/PyHAT-stack/awesome-python-htmx

It includes a popular repo:
https://github.com/spookylukey/django-htmx-patterns

Also worth checking out: https://hypermedia.systems/

#htmx #alpineJS #django

outofcontrol, (edited ) to php
@outofcontrol@phpc.social avatar

Just bought Caleb Porzio’s lifetime subscription for his video’s which are now 30% (edit) off for black friday. If you’re into Livewire, Caleb does amazing video's, which include something for everyone.

https://livewire.laravel.com/screencast/getting_started/installation

#PHP #Livewire #Laravel #AlpineJS

rebornmedia, to Laravel

I realised it has taken about 8 years to finally find a tech stack that I am settled on and happy with so that I am not looking around and wondering if there is something better.





Pretty much everything I do is in one of these now.

alexzeitler, to dotnet
@alexzeitler@mastodon.social avatar

I know the term is coined already but recently it came to my mind more than once:

Code that fit's in your head.

That's what I love about vertical slice architecture (wrt coupling and cohesion).

HTMX and Alpine are a nice fit due to locality of behavior.

Paired together with Event Sourcing (not having to guess what might have happened to the state) it gives me some peace of mind I've missed for a long time.

#development #eventsourcing #htmx #alpinejs #dotnet

outofcontrol, to random
@outofcontrol@phpc.social avatar

This is great news. Thanks for reposting on mastodon!

https://phpc.social/@valorin/111757714423660513

alexzeitler, to webdev
@alexzeitler@mastodon.social avatar

The AHA Stack

Astro, HTMX, Alpine

https://ahastack.dev/

alexzeitler, to dotnet
@alexzeitler@mastodon.social avatar

We're so back with MVC

Stack is
→ ASP.NET Core MVC
@htmx_org
→ Alpine.js

#dotnet #aspnet #aspnetcore #alpinejs

alexzeitler, to webdev
@alexzeitler@mastodon.social avatar
Kovah, to Astro
@Kovah@mastodon.social avatar

The AHA stack: Combine #Astro, #htmx and #AlpineJS to create modern web applications sending #HTML over the wire, replacing the SPA JS-heavy approach with a much simpler set of mental models and workflows.

https://ahastack.dev/

symfonystation, to javascript
@symfonystation@newsletter.mobileatom.net avatar

Explore our article: Frontend Madness: SPAs, MPAs, PWAs, Decoupled, Hybrid, Monolithic, Libraries, Frameworks! WTF for your PHP backend?

https://symfonystation.mobileatom.net/Frontend-Madness-JS-PHP-Backend

https://newsletter.mobileatom.net/frontend-madness/

symfonystation, to javascript
@symfonystation@phpc.social avatar

Explore our article: Frontend Madness: SPAs, MPAs, PWAs, Decoupled, Hybrid, Monolithic, Libraries, Frameworks! WTF for your PHP backend? https://symfonystation.mobileatom.net/Frontend-Madness-JS-PHP-Backend

mobileatom, to javascript
@mobileatom@me.dm avatar

Explore our article: Frontend Madness: SPAs, MPAs, PWAs, Decoupled, Hybrid, Monolithic, Libraries, Frameworks! WTF for your PHP backend? https://symfonystation.mobileatom.net/Frontend-Madness-JS-PHP-Backend

carlton, to random
@carlton@fosstodon.org avatar

Today was another one of those really DOES hit the sweetspot kind of days 🎯

paulox, to django
@paulox@fosstodon.org avatar

Karen Tracey is presenting the talk "Django + Alpine.js + htmx Ups & Downs" at DjangoCon Europe 2024 🦄

CC @djangoconeurope @django

DjangoCon Europe 2024 attendees
Upside Wins slide
Karen on the stage

symfonystation, to javascript
@symfonystation@newsletter.mobileatom.net avatar
phptek, to webdev

Tired of JavaScript bloat? Don't miss Chris Tankersley's talk on unlocking the power of minimalistic and efficient web development with htmx and Alpine.js. 🏔️ php[tek] tickets are still available! https://tek.phparch.com/

symfonystation, to javascript
@symfonystation@phpc.social avatar

Explore our article: Frontend Madness: SPAs, MPAs, PWAs, Decoupled, Hybrid, Monolithic, Libraries, Frameworks! WTF for your PHP backend? https://symfonystation.mobileatom.net/Frontend-Madness-JS-PHP-Backend

  • All
  • Subscribed
  • Moderated
  • Favorites
  • JUstTest
  • mdbf
  • ngwrru68w68
  • tester
  • magazineikmin
  • thenastyranch
  • rosin
  • khanakhh
  • InstantRegret
  • Youngstown
  • slotface
  • Durango
  • kavyap
  • DreamBathrooms
  • megavids
  • tacticalgear
  • osvaldo12
  • normalnudes
  • cubers
  • cisconetworking
  • everett
  • GTA5RPClips
  • ethstaker
  • Leos
  • provamag3
  • anitta
  • modclub
  • lostlight
  • All magazines