Programming Real-Time Web Applications With TALL Stack

Photo by Picto Design on Pixabay

Real-Time Web Applications

Real-time web applications reflect immediately to each user the concurrent actions of other users.

Widely used real-time applications include:

• Auctions
• Chat systems
• Shared whiteboards
• Collaborative document editors
• Online education

The TALL Stack

The TALL stack is a prominent combined front-end and backend framework in the PHP world.

The stack:

1. Laravel
2. Alpine.js
3. Livewire
4. Tailwind CSS

The Triggering Action

Action in the Blade template of a Livewire component is triggered on a button click,

<input name="bid_price" wire:model="bid_price"/>
<button wire:click="bid()/>

Which invokes a function in the component,

namespace App\Http\Livewire;

use Livewire\Component;

class Bidder extends Component
{
    public float $bid_price;

    public float $price;

    public function bid()
    {
    }

}