October was been a great month for Livewire! Since the release of v2 and inclusion of Livewire in Jetstream back in September, it feels like the community has grown exponentially!
There's so much to go over, so without further ado, let's get into it...
🎉 Livewire Updates
In October, Livewire saw one minor release in v2.3.0 and several patch releases around that. The notable additions are all nice quality-of-life improvements when using the framework:
- Computed properties can have dependencies injected (#1708)
- Livewire's Dusk macros are now available to register in your own apps (#1681)
- You can now bind directly to eloquent collection attributes:
wire:model="users.0.title"(#1822) - New
assertViewIs('livewire.some-view-name')test method (#1735) - Traits now support hooking into the lifecycle with class name suffix (
mountSomeTraitName(), etc...) (de533eb) - Stringable properties automatically hydrate and dehydrate (#1777)
- Setting the
$validationAttributesproperty allows you to set custom attributes for component-level validation (95f9e7a)
There were numerous other minor additions and bugfixes too, you can check the full release notes on GitHub to see them.
It's also worth noting that the docs repo has been simplified, so making contributions to improve the docs should be much simpler now!
🛠 Tools & Packages
Arnaud Lier added a new Livewire-specific solution to Ignition to make diagnosing errors easier.
I’ve just added a new @LaravelLivewire specific solution to Ignition. 👍 More will be added soon!
Do you got a solution / documentation reference in mind for a specific exception of a popular package? PR it to ignition. Example: https://t.co/4hke8OPkuB https://t.co/m2rO8062Lc
— Freek Van der Herten 🐘 (@freekmurze) Oct 14, 2020
The TALL Forms package has had new date picker, image cropper, Trix and search fields added, as well as custom themes and a number of other changes.
🔥 Tips & Tricks
Remember to name your Livewire keys uniquely!
💡 Unlike React where you can reuse keys across different lists, @LaravelLivewire keys are unique to that whole page.
A simple fix is adding a string prefix to the key to represent the component being rendered https://t.co/119ieWhdRy
— Ozzie Neher (@ozziexsh) Oct 18, 2020
Did you know components are macroable?
Did you know that you can use macros in @LaravelLivewire components? I didn't! https://t.co/2tsEdped28
— Janez Cergolj (@jcergolj) Oct 26, 2020
👓 Articles, Tutorials & Guides
- Using Laravel Livewire To Create a Setup Wizard For SendPortal by Maurizio Bonani
- Using FullCalendar with Laravel Livewire by Barry vd. Heuvel
- How to create a contact form with Laravel Livewire
- A complete guide on how to use Javascript inline without a framework in Livewire by Alan de Freitas
- Livewire Events by Tony Lea
- Protecting LiveWire components when using multiple auth drivers by Matthew Erwin
- How to Create Dynamic Charts with Laravel Livewire and ApexCharts by Placebo Domingo
📹 Videos & Courses
The pièce de résistance when it comes to Livewire video content has always been the official screencast series. Caleb released a new series all about how he'd build datatables that is ready to watch and packed with great tips.
The screencasts section of the docs also got a lot of quality-of-life improvements to make it easier to watch videos.
There have also been several other high-quality video courses released recently, which show how to use Livewire to build a practical application:
- Multitenancy in Practice Laracasts Course on Laracasts by Kevin McKee
- Build a Mini Dropbox Clone with Laravel Jetstream on CodeCourse by Alex Garrett-Smith
- In Depth Laravel by Sarthak Shrivastava has a whole practical chapter on building a support ticket system with Livewire
🚧 Built with Livewire
Dan Harrin built a beautiful phone number input using the TALL stack.
Built a TALL international phone number input from scratch today! 😁 So smooth!
🌟 My new Squire package for country data, including unicode flags 🌟 @Alpine_JS and libphonenumber-js for real-time formatting 🌟 @LaravelLivewire for backend comms
Shall I share a tutorial? 🧙♂️ https://t.co/VX6PKCbY1R
— Dan Harrin 🦒 (@danjharrin) Oct 12, 2020
Laravel Shopper is a fresh new online store application built with the TALL stack.
Update your Store information 🛍🚀. All built using @LaravelLivewire (ZERO JS) something really awesome 🤯
If you want #Shopper news and updates sign up to our newsletter
Product under the sponsorware Licence 🤙🏽💰
— Laravel Shopper (@laravelshopper) Oct 28, 2020
You just read issue #2 of Livewire Newsletter. You can also browse the full archives of this newsletter.