Bittenbook In this tutorial, we’ll create dynamic input fields using Livewire, a full-stack framework for Laravel to make reactive components. We’ll use Laravel 9 for this tutorial, however any latest version of Laravel should also work. Laravel 9.x requires a minimum PHP version of 8.0. This tutorial assumes that Composer and PHP 8 along with required … Read more
In this tutorial we’ll use Alpine.js in order to achieve dynamic input fields functionality. In previous article we used Vue to have the same functionality. Alpine is similar to Vue syntax-wise, however, it’s very lightweight as compared to Vue. Sometimes Alpine is regarded as modern replacement to jQuery and it forms an integral part of … Read more
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
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
In this tutorial we’ll use laravel-dompdf package in order to generate PDF file out of Laravel 9 app. 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 article, … Read more
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
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
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
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
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