LiveView 0.18 Released
Welcome to the inaugural issue of Phoenix LiveView Weekly!
Every week we'll have the latest news in the world of Phoenix, LiveView & LiveView Native, feature useful libraries & components, along with highlighting relevant articles & tutorials from around the web.
This Week in Phoenix & LiveView
LiveView 0.18 Released
Obviously, the big news this week is the release of the eagerly anticipated version 0.18 of LiveView. This release makes some huge improvements to LiveView, notably around improving components. It's also great to see the commitment to improving the accessibility features of the framework. Congratulations to Chris & the team, and all contributors! If you haven't seen it yet, I'd highly recommend watching Chris' keynote from ElixirConf where he talks about the new features.
Petal Components updated for LiveView 0.18
Hot on the heals of the LiveView release, the popular Petal Components library, which provides an incredibly useful set of UI components, has been updated to work with the latest LiveView release.
More Icon Options - Boxicons
The Heroicons icon set (and the corresponding Elixir component library, heroicons_elixir have become a very useful way of quickly adding beautifully designed icons to your application. However, sometimes you can't find an icon that fits your need. Now Boxicons (and the boxicons_elixir component library have arrived with over 1,500 additional useful icons. The boxicons component uses the same syntax as heroicons, so it's easy to work with both in your projects.
LiveSelect Component
A common component in almost every web app that I've worked on has been an 'select box' - i.e. a text box that allows for search and selection from a list. This usually requires a JavaScript library, along with writing Hooks to make it work with your app. LiveSelect is a promising work-in-progress LiveView component that provides a very configureable LiveView component that you drop in and just add a single event handler to handle the input text. It includes a showcase app to let you experiment with the settings too.
LiveBeats updated to LiveView 0.18
If you're looking for some examples of how the new 0.18 features work, the LiveBeats demo application has been updated to use some of the latest LiveView features. It's a great source for developers looking for guidance for building a real-world application.
LiveView Native Weekly Updates
Since announcing LiveView Native at ElixirConf, Brian Cardarella has started posting weekly(ish) progress updates about LiveView Native on the Dockyard blog. If you're interested in seeing how this project evolves, make sure to subscribe to the Dockyard newsletter. If you haven't yet had a chance to learn about LiveView Native, the tutorial is very well done and gives you an idea of the incredible potential of LiveView Native.
One LiveView App for both Web And Native
Nate Todd explores how you might create both web and native applications using a single Phoenix codebase. This reminds me of using Rails respond_to to build multiple versions of an app, but because of the component nature of LiveView, it feels like this would be easier to manage in larger projects.
If you have any feedback on the newsletter, or any tips for articles or stories - please get in touch at alan@phxlvweekly.com or @alanb on twitter.
Until next time!