Call component methods from js (Ex : Full Calendar js) | Laravel Livewire 3 for Beginners EP28

Welcome to our livewire 3 course, in this course we will cover all the basis needed to build dynamic front end components using livewire. Today we cover how you can access your livewire component from javascript, using @this. This is a very useful thing to know if you are working javascript component
Documentation for @this. No livewire 3 version yet :(
laravel-livewi...
Blade and PHP codes used :
gist.github.co...
Course Playlist :
• Laravel Livewire 3 Cou...
Tailwind CDN :
tailwindcss.co...
Through out the course we will cover:
how to make components
Actions
Properties
Form Submission and Validation
Flash Messages
Tables and Pagination
File Uploads
Inline Components
Full page Components and Layouts
Events
Offline States
URL Query Parameters
Nesting Components
Navigate
Loading states, Lazy loading and placeholders
Keyboard Shortcuts
lifecycle hooks
Magic actions
Wire:ignore
And more ...
And more
Livewire 3 website :
livewire.larav...
Boostrap Documentation:
getbootstrap.c...
If you would like me to make more livewire videos, please let me know by liking the video and commenting what you like to learn next.
What is livewire:
Livewire is a full-stack framework for Laravel that makes building dynamic interfaces simple, without leaving the comfort of Laravel. (Taken from Livewire Documentation)

[@hetparekh21]

you gained a subscriber today sir 🤝

[@yelocode]

Thanks and welcome

[@rickybarabba7866]

OMG. 😯😲😱 More videos like this...please!

[@yelocode]

Thanks for watching. Will try making more videos like this.

[@binaryfire]

100%. This is great, definitely need more info on integrating JS components into Livewire. Also a Filament vid on turning JS components into custom form fields

[@BlackBoxLearner]

Hello, Can you make something on charts like ApexCharts and update vhart data with filters

[@HamadAbdulla_7]

Thank you❤

[@yelocode]

Thanks for watching Hamad

[@MaciejCzechowski]

Dziękujemy.

[@yelocode]

Thank you for the super thanks Maciej, Let me know if you have any video suggestions or questions.

[@MaciejCzechowski]

@@yelocode You're doing a great job. Keep it up 💪

[@TheWoodySoft]

Thank you so much for the video! It was very helpful. Can you advise on how to connect a modal window to a click event and populate the modal window with data using wire:model?

[@danyalvarez6282]

I have a problem, when I switch between views, the calendar does not show me, it only shows me when I reload the page, in the console it does not show me any error

[@nilo4444]

I have the same problem

[@tukurhamid]

Thank you bro

[@yelocode]

Thanks for watching.

[@gaton313]

Thanks so much for this video ❤. Could you make video on multi select dropdown using livewire instead using select2?

[@yelocode]

Thanks for watching. I will try covering it in a future video.

[@ColePhares-x6k]

how would you set it up to connect to the livewire component on a button click from javascript?

[@SaadChabba]

does you have a video for using the same code with npm isntall full calendar please ?

[@samahnation]

halo buddy! i want to use modal to create a new event, how can i do that though?

[@FNG-n1z]

Hey Boss can you make one big-length video (20 Hr) From Basic to Advanced Laravel Master Class that does not require anything else to see

[@yelocode]

That is my goal long term, but I think it should also include a PHP crash course as well. Hopefully can make a course like that in the future.

[@pkiorpes]

Question:
I used your code and a got the erromm below
SQLSTATE[22007]: Invalid datetime format: 1292 Incorrect datetime value: '2024-01-12T00:00:00.000Z' for column `abc_abcq_q04`.`events`.`start_time` at row 1
please any help?