We talk with Patrick Thompson about the PETAL stack. The combination of Phoenix, Elixir, Tailwind CSS, Alpine.js and LiveView! Patrick and David help me understand why people are excited about Tailwind CSS and how it works nicely with Alpine.js. Add LiveView to it and it makes a convincing case! Learn about this powerful and productive stack. Patrick shares his insight and a ton of great resources. Check it out!
Show Notes online - http://podcast.thinkingelixir.com/21
https://gleam.run/news/gleam-v0.12-and-gleam-otp-v0.1-released/ – Gleam v0.12 released with v0.1 of Gleam's typed OTPhttps://kry10.com/blog/intro_to_kry10 – Kry10 is an Operating System built with Erlang, and Elixir technologieshttps://hex.pm/packages/phoenix_live_view – Todd Resudek added graphs to hex.pm as a Hacktober projecthttps://elixir-lang.org/blog/2020/10/27/delivering-social-change-with-elixir-at-change.org/ – Change.org new Elixir case studyhttp://blog.erlang.org/a-closer-look-at-the-interpreter/ – Erlang.org blog post about the Erlang interpreterhttps://github.com/elixir-lang/elixir/blob/v1.11.2/CHANGELOG.md – Elixir 1.11.2 released with bug fixes. Now works with Nerves 1.7Do you have some Elixir news to share? Tell us at @ThinkingElixir or email at [email protected]
http://blog.pthompson.org/liveview-tailwind-css-alpine-js-modal – Creating LiveView Modals with Tailwind CSS and AlpineJShttp://blog.pthompson.org/alpine-js-and-liveview – Integrating Phoenix LiveView with JavaScript and AlpineJShttps://github.com/pthompson/liveview_tailwind_modal – GitHub code for modal article and upcoming article on Flash Notices.Patrick’s ElixirConf 2020 talk "Liven up your LiveViews (even further) with AlpineJS"https://tailwindcss.com/https://tailwindui.com/https://pragmaticstudio.com/tutorials/adding-tailwind-css-to-phoenix – Adding Tailwind to a Phoenix projecthttps://nerdcave.com/tailwind-cheat-sheet – Searchable cheat sheethttps://tailwind.run – Sandboxhttps://www.youtube.com/channel/UCOe-8z68tgw9ioqVvYM4ddQ – New Tailwind Labs YouTube channelhttps://www.youtube.com/channel/UCy1H38XrN7hi7wHSClfXPqQ – Adam Wathan's YouTube channel with walkthroughs on reproducing sites using Tailwindhttps://tailwindcss.com/course – Official Tailwind screencast on designing with Tailwind CSShttps://scrimba.com/learn/tailwind – Free Scrimba course on Tailwindhttps://www.youtube.com/watch?v=J_7_mnFSLDg – Adam Wathan talk on Tailwind CSS best practiceshttps://adamwathan.me/css-utility-classes-and-separation-of-concerns/ – An early article discussing the thinking behind Tailwind and utility-first CSS frameworks.https://blog.tailwindcss.com/headless-ui-unstyled-accessible-ui-components – Headless UI announcementhttps://github.com/alpinejs/alpine – Alpine GitHub and documentationhttps://css-tricks.com/alpine-js-the-javascript-framework-thats-used-like-jquery-written-like-vue-and-inspired-by-tailwindcss/ – A good introduction to Alpinehttps://scrimba.com/g/galpinejs – Free 1 hour Scrimba course on AlpineJShttps://codewithhugo.com/tags/alpinejs/ – 18 blog articles on AlpineJSPETAL Stack is Phoenix, Elixir, Tailwind, Alpine, LiveViewhttps://www.amazon.com/Programming-Erlang-Concurrent-Pragmatic-Programmers/dp/193778553Xhttp://smacss.com/https://headlessui.devhttps://thinkingelixir.com/podcast-episodes/010-frontend-vs-backend-and-business-value-of-liveview/https://twitter.com/pthompson – on Twitterhttps://github.com/pthompson – on Githubhttp://blog.pthompson.org – Bloghttps://www.linkedin.com/in/patrickjthompson/ – LinkedInMessage the show - @ThinkingElixirEmail the show - [email protected]Mark Ericksen - @brainlidDavid Bernheisel - @bernheiselCade Ward - @cadebward