Laravel Blade Hot Refresh With Vite

 The Laravel team updated the first-party Laravel vite-plugin package to support full page reload on blade/arbitrary file changes. Vite will do a full page reload when you edit a blade template (or any other file you configure) that changes. No more manual browser refreshing is required during development!

The basic configuration in your vite.config.js file looks like the following when installing a new Laravel project:

 1import { defineConfig } from 'vite';
 2import laravel from 'laravel-vite-plugin';
 3 
 4export default defineConfig({
 5    plugins: [
 6        laravel({
 7            input: [
 8                'resources/css/app.css',
 9                'resources/js/app.js'
10            ],
11            refresh: true,
12        }),
13    ],
14});

The above snippet is what ships with a brand-new Laravel application; you don't have to do anything to get hot reloads working on a new project.

Note the refresh config–when set to true, the Laravel Vite plugin will refresh the page when you update a file in the following paths:

1routes/**
2resources/views/**

That convention might work for most projects, but if you want to include other paths or files, you can configure the refresh property:

 1import { defineConfig } from 'vite';
 2import laravel from 'laravel-vite-plugin';
 3 
 4export default defineConfig({
 5    plugins: [
 6        laravel({
 7            input: [
 8                'resources/css/app.css',
 9                'resources/js/app.js'
10            ],
11            refresh: [
12                'resources/routes/**',
13                'routes/**',
14                'resources/views/**',
15            ],
16        }),
17    ],
18});

See Working with Blade & Routes in the official documentation for further details on configuration options.

Try it out

Let's set up a demo Laravel application to demonstrate hot reloading. First, let's create a new demo project:

1laravel new blade-hot-reload --git
2cd blade-hot-reload

Once the project is installed, add the following somewhere to the <head/> of the welcome.blade.php file found in resources/views/:

1@vite('resources/js/app.js')

Next, you'll want to install NPM dependencies and run the dev command:

1npm install
2npm run dev

And that's it! If you make a change to a blade file or a route, you'll see something like the following in the console:

Any change you make should reflect immediately, depending on your local development environment setup.

Read More

Laracon Online is now accepting speaker submissions

 Laracon Online is returning on September 14th, 2022, and will continue to be streamed free for everyone on YouTube!

This event will feature the following speaking slots:

• Eight main presentations that are 40 minutes.
• Four lightning talks that are 15 minutes.

If you'd like to share your knowledge with 30,000+ fellow, Laravel developers submit your speaker application

Laracon Online also has a few sponsors spots remaining and would be a great way to get your brand in front of tens of thousands of Laravel developers.

Read More

Statix Server is an Object-oriented Wrapper for PHP's Built-in Server

 Statix Server is an object-oriented wrapper around PHP's built-in server. Once you install the composer package, getting started is as minimal as the following:

1use Statix\Server\Server;
2 
3require_once './vendor/autoload.php';
4 
5Server::new()->start();
6 
7// or
8(new Server)->start();

The server class has an array-based configuration of options, or you can use the class' fluent API:

 1Server::new()
 2    ->usePHP('path')
 3    ->onHost('localhost')
 4    ->onPort('8080')
 5    ->root('./content')
 6    ->useRouter('./router.php')
 7    ->withEnvVars([
 8        'APP_DYNAMIC_ENV' => 'server'
 9    ])->withoutEnvVars([
10        'APP_KEY',
11    ]);

It also supports use-cases like capturing server output, running in the background and programmatically stopping the server.

You can learn about this package, get full installation instructions, and view the source code on GitHub. This package uses PestPHP if you want to see an example in the wild of using Pest for testing!

Read More

Learn PestPHP From Scratch

 Pest From Scratch is a free video course from Laracasts. Luke Downing walks you through the setup to becoming proficient with Pest PHP.

This course is 100% free (it doesn't even require signup) and includes eight episodes that cover installation through more advanced features:

• Installation and Setup
• Lifecycle Hooks
• Expectations
• Expectations++
• Datasets
• Combined Datasets
• Groups, Exceptions, and Skipping Tests
• Coverage and Parallel

At the end of this course, you'll be ready to use Pest PHP in your Laravel projects and packages. Check out this fantastic course (and excellent intro) today and get productive with the hottest testing framework for PHP.

Read More