To those that follow in more recent times, GIT has some slight changes from the way @jeffrey shows. The new way to set user.name is:

$ git config --global user.name "Mona Lisa"

Note the lack of the equal sign. To verify it set, run this command.

$ git config --global user.name
> Mona Lisa

NOTE: The "$" isn't something you type, it's a visual pointer to the cursor prompt.

Second Note for @jeffrey: The markdown preview isn't working on this page.

If you are using a tool like TablePlus and an SQLite DB, the cascade on delete is not enable by default, to enable this functionality, go to the SQL tab, and run this query:

PRAGMA foreign_keys = ON;

With foreign key, since Laravel 5.8 the primary key is BigInt by default, so make the foreign key unsignedBigInteger as opposed to unsignedInteger to avoid errors

@abushnell Same here, will be great when it has full browser support!

Had NO idea about animation-timeline until this course! Fantastic videos, Simon!

Amazing job, thanks a lot, the course rock's

@krekas you can hit the right arrow a couple of times to skip ahead!

This is really great information! I love some subtle animations for effect and hinting, but really dislike overly animated interfaces and pages.

I have even had to abandon sites in the past due to janky animations making it difficult to browse the content. A pity, as you can tell that the developer put a lot of time into those pages.

I'll add that most people probably don't know how to turn off motion in their system, unless they suffer from acute effects and have been advised on accessibility. They probably won't do it globally for one site or app, so the subtle approach recommended here is a good way to go.

If all these Laracasts tutorials are as good as the first ones I have jumped into, I'm going to be spending a lot of time with my new Laracasts lifetime purchase :)

Amazing course, Simon. The explanations were super clear and practical, and I really appreciated how you broke down complex React concepts into simple, real-world examples.

Thanks so much, @simonswiss! I really enjoyed the lesson! ❤️

I’d love to see an upcoming tutorial on building a PWA with a React-based app—especially with authentication included.

Maybe it’s something you could consider adding to Larabits? (Fingers crossed! 😁)

Thanks again, Simon!

Just found that you already made a larabit about react + inertia.js

https://laracasts.com/series/simons-larabits/episodes/2

Thx! 👍

Thx for a excellent course Simon! Watched all episodes during two evenings :) And really learned a lot about React!

If you got time it would be great if you also could share the last commit with the inertia code.

And a course with React + inertia.js would be awsome!

Keep ut the good work! :)

For me, a non-typescript user, adding typescript to this adds unecesary complexity to learning react. If id like to learn typescript, Id probably look for a typescript course. Ruins my react learning experience. At the end of the course, ill probably not fully know typescript anyway, because im sure there is more to learn about it than it is being told in this course, and there is a need to constanty keep track of what is react and what is typescript.

@TheBigOnion Did you try http://127.0.0.1:8000/api/puppies? If you have PHP installed you can just do these commands:

• composer install
• enable sqlite in php.ini
• php artisan migrate
• php artisan db:seed
• php artisan serve

@luisprmat Yes you're correct, I have forgotten that the puppies array is wrapped in a data key in the API response here.

This gets fixed later in the course when we display the actual puppies, but indeed the check here should have been apiPuppies?.data?.length > 0.

Here's the link to the (React 19.2) Rules of Hooks page: https://react.dev/warnings/invalid-hook-call-warning

For the Firefox users! The images are not rendering within the specified aspect ratio/object fit the fix is to add a width of 100%. I just added the w-full class to them :).

I use the Zen Browser which is based on Firefox and some of the images were not squared. I hope this helps!

https://laracasts.com/series/unlocking-badges-workshop check this out

Is it possible to have a Vanilla JavaScript series focused on modern, practical usage without relying on frameworks.

The goal is to strengthen our core JavaScript fundamentals, including topics such as:

DOM manipulation and events

ES6+ features and best practices

Asynchronous JavaScript (Promises, async/await)

Performance considerations

Writing clean, reusable, and maintainable JS

This would be especially valuable for improving our day-to-day development work and reducing dependency on libraries where plain JavaScript is sufficient.

Huntington, Indiana USA here!