LiveView Course Update: Example #15 and What's Up Next
September 10, 2020
đŻ Weâve arrived this week at our 15th LiveView example! Four months ago we opened early access to our free Phoenix LiveView course with 7 examples and exercises.
Since then thousands of you picked up the course and have been sending us ideas and questions about using LiveView in various scenarios. Over the summer we created and released 7 more examples. So, whatâs next?
First up, weâre now at groovy example #15!
This example takes on a topic that we discovered is actually quite impossible to fully cover in a single short video: live components.
If youâve used something like React or Vue, then youâre familiar with splitting your UI into reusable, easy-to-maintain components. No surprise, you can do the same thing with LiveView!
For this weekâs example (and giving one last nod to summer), we look at calculating the number of pounds of sand youâd need to build the sandbox of your dreams. đ
To pull this off, we use two different flavors of LiveComponents â stateless and stateful â and learn one way to communicate between them.
This example sets a good foundation on what could otherwise be sandy soil. It introduces us to the core facets of components, how stateless and stateful components differ, and how data flows down and events flow up.
If you already own this course, youâll find this new LiveView example in your account today.
Now, thereâs obviously more to consider when designing components. And in general, thereâs a LOT more you can do with LiveView. Indeed, we have quite a few examples already sketched out that weâd love to finish and share with you.
Which leaves us in a bit of a conundrumâŚ
If youâve been with us since April, then you know our original plan was to put out roughly 13 videos of common UI challenges that LiveView neatly solves.
Once those were rolled out, we planned to turn our attention back to developing a different course â a course weâd charge for. After all, the electric company wonât keep our power on despite us having a LightLive controller. And a LicenseLive form wonât pay our health insurance bill without a âBuyâ button. đ
So⌠what to do?
More LiveView?
Another topic?
Free course?
Paid course?
Open a bait and tackle shop?
đ¤
These are always difficult decisions for us because thereâs only two of us. Whatever we decide becomes the primary focus for both of us for the next several months. So itâs always a bit of a gamble when choosing what to do next.
But based on the tremendous amount of positive feedback and ideas youâve shared, weâve decided to keep making fun and practical LiveView examples!
The first set of examples will remain available for free as the LiveView Starter Course. And (drum roll, please) weâve begun creating new examples and exercises for the LiveView Pro Course. đ
Just a few of the areas weâve already started to explore include:
-
More on LiveComponents such as extracting reusable components, how they fit into a more complex app, and parent-child communication using Phoenix PubSub
-
More ways to interop with JavaScript including charts and maps
-
Authentication since this topic turned out to be more involved than we originally anticipated đ
-
Testing because many of you asked for it and LiveView has such a great testing story
-
Designing a custom modal component for dialogs and notifications
-
Live progress updates for background jobs
-
File uploads which, according to Chris McCord, are coming soon to LiveView
This will be a paid course, and we fully intend to give you more than your moneyâs worth. By purchasing the Pro version later this year, youâll allow us to continue updating and offering the Starter version as a free community resource. And youâll also help make this a sustainable endeavor for the two of us.
So thatâs our plan for the next few months.
We would love to hear what you think! And if you have specific things (big or small) youâd like to see built with LiveView, weâre still taking requests.
Thanks for being with us on this ride!