PETAL Stack

[nelsonic]

We've recently heard some buzz about the "PETAL" stack:
https://changelog.com/posts/petal-the-end-to-end-web-stack

• Phoenix: https://github.com/dwyl/learn-phoenix-framework
  • Chat Tutorial: https://github.com/dwyl/phoenix-chat-example
• Elixir: https://github.com/dwyl/learn-elixir
• Tailwind: Tailwind CSS #94 > https://github.com/dwyl/learn-tailwind
• Alpine.js: Alpine.js? #95 > https://github.com/dwyl/learn-alpine.js
• LiveView: Review + Expand Instructions phoenix-liveview-chat-example#42 merged
  • LiveView Todo List: https://github.com/dwyl/phoenix-liveview-todo-list-tutorial#todo-finish-the-tutorial-helpwanted help-wanted 🙏

Update: If you're new to this and want a fully functional example/tutorial App built with the PETAL stack,
see: https://github.com/dwyl/mvp

[nelsonic]

https://underjord.io/getting-started-with-petal.html

ElixirConf 2020 - Patrick Thompson - Liven up your LiveViews (even further) with AlpineJS: https://youtu.be/Dv64_tGJhHo

This JS embedded in the HTML attributes does't look particularly maintainable/debuggable to me ... 🤷‍♂️
But keeping an open mind. 💭

[SimonLab]

Video setup on youtube:
PETAL stack setup (Phoenix 1.6, Elixir, Tailwindcss, Alpinejs, LiveView)

[nelsonic]

Chris & Co @superfly are using PETAL for the Fly.io dashboard: https://fly.io/dashboard/hits

Production/mission-critical use is the biggest endorsement for a technology/stack.

[nelsonic]

I feel like my Tailwind knowledge has come a long way in the past week while suffering through building the MVP. I specifically didn't know much about positioning ... 🙄
but with @RobStallion's help feel a lot more confident with using flex and feel like the MVP will look "OK" now: dwyl/mvp#89 (comment) (keep scrolling ...)

@SimonLab how are you feeling about Alpine.js and Tailwind? 💭
I've assigned this Alpine.js side-quest/spike to you: dwyl/learn-alpine.js#3
LMK what you think. 👍

[nelsonic]

Included in #80 🚀

[nelsonic]

@SimonLab recently added https://petal.build/components/ to the MVP 🚀
The PR was quite brief: https://github.com/dwyl/learn-tailwind/pull/21/files
It would be amaze to get a more detailed example showing component re-use ... 💭