Frontend>Chat

Weekend with AlpineJS

mafinar

mafinar

Weekend with AlpineJS

Just like I did one on Tailwind some time ago, I am going to play with AlpineJS the next few days. It’s a nice little JS framework that stays out of your way and lets you sprinkle in some reactivity as needed- you get to keep your DOM to yourself. It is the “A” of PETAL stack. I didn’t really enjoy the “T” of PETAL, not any fault of “T” but my personal choice. I have never even scratched a line of AlpineJS yet so it would be cool to see how it fits my brains.

As with my other journals, I’ll just speak with myself as I progress through things. My reference will still be the Covid19 Dashboard (it’s like the only open source live view project I have).

I’ll document my learning, pain-points, awe(some|ful) moments here along with screenshots and stuff! Just pushed the branch hello-alpine! Let’s get started :smiley:

11 comments
#journal/js
30 2862 11

Most Liked

mafinar

mafinar

Too late for that. I have decided to rid JS entirely for this project. I’ve had it, since LiveView helped me not write as much JS as I normally would, why not take it to the next level and write my hooks in a non-js language as well?

I am experimenting with ClojureScript at the moment. I have a few hooks, charts and maps. So this should be a good story if I can get it done in ha a day (I haven’t done any meaningful Clojure for more than half a decade)

3
Post #9
mafinar

mafinar

Damn it worked! Sorry I gotta postpone this thread. Just wrote my first phx-hook with ClojureScript. Three more to go! :heart:

Will share the code once I’m done, looks like I will be in an hour max.

3
Post #10
malloryerik

malloryerik

Wait what huh? Are you using ClojureScript with Reagent? And therefore… React? ClojureScript with LiveView does sound like great fun.

3
Post #11

Where Next?

View thread on forum
js
journal
Home Frontend>Chat
#journal/js
30 2862 11
Last post

Popular Frontend topics Top

michael
Frontend>Chat

Detecting Postgresql Table Change for LiveView
So I have a table of MediaItems and when that list changes, say new entries, I’d like LiveView to know about that so that the Timeline up...
#postgres#liveview
16 2178 5
New
AstonJ
Frontend>Chat

What do you think about TypeScript?
I was watching this video by Richard Feldman (Elm core team) and he’s predicting TypeScript is going to take over the JS world: ...
/typescript/elm#opinions
12 1921 3
New
MikhailPertsev
Frontend>Chat

Modern CSS - what are you using/recommend?
Finally, I am going to enhance my css skills! I have always somehow ignored this, but now I finally decided to understand animations, tr...
#css#css-frameworks
15 879 6
New
finner
Frontend>Chat

Spring Resources
Some resources for Spring Home of Spring Spring Initializr Head First Spring with Reactor
/spring
2 1664 0
New
AstonJ
Frontend>Chat

Swift vs Rust for WASM/WebAssembly
Wondering if anyone has any thoughts on choosing between these two languages for WebAssembly? I definitely want to explore wasm, and rea...
/rust/swift/book-programming-webassembly-with-rust#opinions/wasm
16 3111 12
New
AstonJ
Frontend>Chat

Progressive Web Apps in 100 Seconds
PWA capabilities are getting better by the day…
youtube.com
#video#pwa#progressive-web-apps
3 1421 2
New
pippo12
Frontend>Chat

Frontend developer certificates that are accepted on the job market?
Hello, I hope you have some tips for me. I am looking for further education including certificates (or similar) which are also accepted ...
#educational-resources
7 1139 3
New
DevotionGeo
Frontend>Chat

Is there a vanilla CSS alternative to Tailwind UI?
#css/tailwind#ui-components
28 2620 8
New
EngineerHamziey
Frontend>Chat

Are there any sites to help with UX design skills?
Hello everyone, is there a website or app that I can use to improve my self Like where there are UI UX designs to practice with and then...
#dev-news-source#tech-news-source
10 2649 3
New
guaip
Frontend>Chat

Website jobs are "dead" - what to do now?
I’ve been doing front-end as a freelancer for 15 years. I have some PHP background and still do some backend stuff to this day, but I spe...
#career
12 889 8
New

Other popular topics Top

Exadra37
Linux>Questions

AMD or Intel for Programming with Linux as the OS?
I am thinking in building or buy a desktop computer for programing, both professionally and on my free time, and my choice of OS is Linux...
#mobile#android#web-development#linux#desktop-computer#mobile-development
36 6006 10
New
DevotionGeo
Backend>Questions

Can someone explain the -t option/flag in docker run command?
I know that -t flag is used along with -i flag for getting an interactive shell. But I cannot digest what the man page for docker run com...
#docker
7 10261 2
New
AstonJ
General Dev>Dev Chat

Languages Without Garbage Collection
Continuing the discussion from Thinking about learning Crystal, let’s discuss - I was wondering which languages don’t GC - maybe we can c...
#garbage-collection
21 5575 7
New
PragmaticBookshelf
Backend>Learning Resources

Python Testing with pytest, Second Edition
Create efficient, elegant software tests in pytest, Python's most powerful testing framework. Brian Okken @brianokken Edited by Kat...
pragprog.com
#pragprog/python#published-book/book-python-testing-with-pytest-second-edition
16 7461 4
New
rustkas
Backend>Chat

Using Regular Expressions in Erlang
Intensively researching Erlang books and additional resources on it, I have found that the topic of using Regular Expressions is either c...
/erlang#regular-expressions
91 5662 43
New
hilfordjames
Windows>Chat

Taskbar Overflow Menu (NOT System Tray Overflow)
There appears to have been an update that has changed the terminology for what has previously been known as the Taskbar Overflow - this h...
#taskbar-overflow-win-11
3 3715 2
New
PragmaticBookshelf
Community>In The Spotlight

Spotlight: Peter Ullrich (Author) Interview and AMA!
Author Spotlight: Peter Ullrich @PJUllrich Data is at the core of every business, but it is useless if nobody can access and analyze ...
/elixir/phoenix/book-building-table-views-with-phoenix-liveview
72 4765 21
New
PragmaticBookshelf
Community>In The Spotlight

Spotlight: Bruce Tate (Author) Interview and AMA!
Author Spotlight: Bruce Tate @redrapids Programming languages always emerge out of need, and if that’s not always true, they’re defin...
/elixir/ruby/phoenix/book-seven-more-languages-in-seven-weeks/book-seven-languages-in-seven-weeks#liveview/book-programming-phoenix-liveview
54 5678 23
New
PragmaticBookshelf
Backend>Learning Resources

Engineering Elixir Applications
Develop, deploy, and debug BEAM applications using BEAMOps: a new paradigm that focuses on scalability, fault tolerance, and owning each ...
pragprog.com
#pragprog/elixir#published-book/book-engineering-elixir-applications
40 7136 21
New
NewsBot
Backend>Official News

Node.js v22.14.0 released!
Node.js v22.14.0 has been released. Link: Release 2025-02-11, Version 22.14.0 'Jod' (LTS), @aduh95 · nodejs/node · GitHub
github.com
/nodejs#official-news
0 4251 0
New
Back to top

Sponsor Spotlight

Manning

Develop your skills with books, videos, and courses.

Latest in JavaScript

JavaScript Portal ❯

Frontend>Chat

Frontend Chat ❯

Latest on Devtalk

Devtalk ❯

We ❤️ helpful members!

We reward our most helpful members via our MOTM scheme - by giving away a whopping 25 books per year!

Member of the Month

Devtalk Sponsors

Pragmatic Bookshelf

Practical resources that improve the lives of professional developers.

Erlang Solutions

We build trusted fault-tolerant systems that scale to billions of users.

Honeybadger

Real-time error tracking, performance insights, and observability for devs.

EEF

Supporting innovation across the BEAM ecosystem.

coders51

We build reliable cloud platforms for business-critical systems.

Manning Publications

Develop your skills with books, videos, and courses.

AppSignal

Catch errors, track performance, monitor hosts and more.

WyeWorks

Enabling companies to succeed by building software people love.

Pragmatic Studio

Courses that move you from confusion to "Aha, now I get it!"

Linux New Media

Publishing Linux Magazine, ADMIN, and MakerSpace for 25+ years.

View all our sponsors ❯

Categories:

Sub Categories:

Popular Portals

Devtalk Sponsors

Pragmatic Bookshelf

Practical resources that improve the lives of professional developers.

Erlang Solutions

We build trusted fault-tolerant systems that scale to billions of users.

Honeybadger

Real-time error tracking, performance insights, and observability for devs.

EEF

Supporting innovation across the BEAM ecosystem.

coders51

We build reliable cloud platforms for business-critical systems.

Manning Publications

Develop your skills with books, videos, and courses.

AppSignal

Catch errors, track performance, monitor hosts and more.

WyeWorks

Enabling companies to succeed by building software people love.

Pragmatic Studio

Courses that move you from confusion to "Aha, now I get it!"

Linux New Media

Publishing Linux Magazine, ADMIN, and MakerSpace for 25+ years.

View all our sponsors ❯

We're in Beta

About us Mission Statement See our Roadmap