Dynamic input fields using Vue

In previous article we employed jQuery to create dynamic input fields in an old fashion way. Let’s move ahead and use Vue to create the same functionality with modern syntax. Here we’ll use Tailwind along with Vue for managing look and feel. Remember this, incorporating Vue and Tailwind directly using <script> is not recommended – … Read more

Dynamic input fields using jQuery

In this article, we’ll learn how to create dynamic input fields using jQuery. Creating dynamic input fields is one of the most common techniques applied in web-app development; for instance, in an invoicing app, one needs to enter multiple inventory items in an invoice. Since exact number of inventory items are unknown at the start, … Read more

Dependent dropdown using Livewire in Laravel 9

In last couple of posts we used pure JS and Vue respectively in order to create dependent dropdown (dynamic select menu) in a Laravel 9 app. Now, let’s employ Livewire in Laravel 9 in order to achieve the similar results. For this article we’ll utilize the models and data created in a previous article. So, … Read more

Dependent dropdown using Vue in Laravel 9

In last post we used pure JavaScript with Axios in order to get dependent dropdown (dynamic select menu) feature in a Laravel 9 app. Apparently, the code seemed a bit of mess while using pure JavaScript to make Ajax calls and generate HTML elements on the fly. Now, let’s employ Vue as in VILT (Vue … Read more

Dependent dropdown using Axios in Laravel 9

In this article we’ll create dependent dropdown / dynamic select menu using Axios and pure JS in Laravel 9. For this article we’ll utilize the models and data created in a previous article. So, first follow the steps given there for creating models, migrations, and relationship and then continue from here. By following the above-mentioned … Read more

One-to-many relationship in Laravel 9

In this article we’ll learn how to define models / tables in Laravel 9 with one-to-many relationship, one of the most common relationships between tables in a database. Then we’ll seed some data into these related tables and check the relationship functions. Laravel 9.x requires a minimum PHP version of 8.0. This tutorial assumes that … Read more

Inotify file watch limit error fix

On Linux, sometimes we get following error while trying to run Hot Module Replacement (HMR) server such as Vite; This type of error appears when our system has low inotify file watch limit e.g., 8,192. Linux systems usually keep the limit low due to memory consumption considerations. When we run ‘npm run dev‘ command in … Read more

Laravel 9 CRUD app using Splade

In Laravel landscape, Blade templating engine has been the tool of choice when it comes to developing frontends of traditional webapps. However, with the explosion of Single Page Applications (SPAs) more and more options came into play in Laravel frontend development; people have been coming up with a number of smart solutions like Livewire, Inertia.js … Read more

Recursive relationship in Laravel 9 VILT app and Ant Design Vue Tree component

In this tutorial we’ll learn how to handle recursive relationship within database table in a Laravel 9 app. Recursive relationship occurs when a database table has self-referencing foreign key i.e., a record maintains referential integrity using the id of another record within the same table; database tables of categories, directories or staff hierarchy usually have … Read more