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...
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:
wire:model="users.0.title"
(#1822)assertViewIs('livewire.some-view-name')
test method (#1735)mountSomeTraitName()
, etc...) (de533eb)$validationAttributes
property 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!
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.
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
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:
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