ahmadajah03 Sun Oct 2021 2 years ago

Live-coding: Laravel Crud + Vue.js 3 Composition Api

This is a longer video of almost live-coding a simple Vue.js 3 + Laravel CRUD. There are a lot of tutorials around this topic, but not enough with the new Composition API.

00:00 Intro
00:48 Laravel API
07:12 Vue: Install & "Hello World" Component
12:58 Vue Composition API: Companies List
19:28 Delete Company Button
23:29 Create Form
30:50 Form Validation
32:34 Edit Form

Related links:
- Repository: https://github.com/LaravelDaily/Laravel-Vue-3-Composition-API-CRUD
- Article version of the same video: https://laraveldaily.com/laravel-8-vue-3-crud-composition-api/

Related tutorials:
- Why Composition API? https://v3.vuejs.org/guide/composition-api-introduction.html#why-composition-api
- Vue 3 Composition API vs. Options API https://markus.oberlehner.net/blog/vue-3-composition-api-vs-options-api/
- Reactive Variables with ref https://v3.vuejs.org/guide/composition-api-introduction.html#reactive-variables-with-ref

- - - - -
Support the channel by checking out our products:
- Enroll in my Laravel courses: https://laraveldaily.teachable.com
- Try our Laravel QuickAdminPanel: https://bit.ly/quickadminpanel
- Purchase my Livewire Kit: https://livewirekit.com
- View Laravel Code Examples: https://laravelexamples.com
- Subscribe to my weekly newsletter: http://bit.ly/laravel-newsletter