Open nelsonic opened 2 years ago
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. 💭
Video setup on youtube: PETAL stack setup (Phoenix 1.6, Elixir, Tailwindcss, Alpinejs, LiveView)
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.
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: https://github.com/dwyl/app-mvp-phoenix/issues/89#issuecomment-1178767162 (keep scrolling ...)
@SimonLab how are you feeling about Alpine.js
and Tailwind
? 💭
I've assigned this Alpine.js
side-quest/spike to you: https://github.com/dwyl/learn-alpine.js/issues/3
LMK what you think. 👍
Included in #80 🚀
@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 ... 💭
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-frameworkChat Tutorial
: https://github.com/dwyl/phoenix-chat-exampleElixir
: https://github.com/dwyl/learn-elixirTailwind
: https://github.com/dwyl/technology-stack/issues/94 > https://github.com/dwyl/learn-tailwindAlpine.js
: https://github.com/dwyl/technology-stack/issues/95 > https://github.com/dwyl/learn-alpine.jsLiveView
: https://github.com/dwyl/phoenix-liveview-chat-example/issues/42merged
:shipit:LiveView Todo List
: https://github.com/dwyl/phoenix-liveview-todo-list-tutorial#todo-finish-the-tutorial-helpwantedhelp-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