Pascal Baljet
@pascalbaljet.bsky.social
1.5K followers 150 following 370 posts
Husband of Esmée, dad of Loïs and Kate ❤️ Works at @laravel.com‬. Open-source enthusiast. Also builds inertiaui.com. https://pinkary.com/@pascalbaljet
Posts Media Videos Starter Packs
Pinned
pascalbaljet.bsky.social
Inertia Table has been a great success so far! And due to high demand, here's the next big thing for Inertia UI:

🎉 Inertia Table for React 🎉

Complete feature parity with the Vue version, as well as easy customization and extensibility 🔥

#Laravel #React #PHP #InertiaJS
pascalbaljet.bsky.social
You can chain multiple method calls, pass an array with several merge paths, or even use a key-value array if you want to use the 'match existing items' feature on multiple paths 🧩

All of this is in the docs! Enjoy! 📚
pascalbaljet.bsky.social
And lastly, a big one: huge improvements to merging props! 💪

It's a new middle ground between merge() and deepMerge() that gives you precise control over how props are merged.

You can now prepend props, and even specify multiple merge paths, including nested ones.
pascalbaljet.bsky.social
One awesome feature introduced in Inertia 2.0 was Client-Side Visits. It lets you update the URL, props, component, etc. without making a server request.

To reduce some boilerplate, there are now several handy shortcuts to update a page prop 🪄
pascalbaljet.bsky.social
Really happy with the response on the <InfiniteScroll> component we released in Inertia 2.2! Here are some other new features that were merged along the way 🚀

You can now access the Progress Bar API! It's the exact same API that Inertia uses under the hood 📊
pascalbaljet.bsky.social
The Forge team really did an incredible job. What an update! 🤩
laravel.com
This is the biggest update to server management since 2014.

◆ Instant Laravel VPS servers
◆ Zero downtime deployments
◆ Team terminal sessions
◆ Free on-forge domains
◆ Health checks, Heartbeats, & real-time metrics
Reposted by Pascal Baljet
joe.codes
Curious what it looks like to implement the new Inertia Infinite Scroll component? Have 3 minutes? That's all it takes.

I whipped up a little demo:

youtu.be/gQB6DdPHzSY
Infinite Scrolling with Laravel + Inertia
YouTube video by Laravel
youtu.be
pascalbaljet.bsky.social
I've been working on this component for the last month or so, but Joe had already started before me, paving the way! 💪
joe.codes
It's finally here ♾️

Huge thanks to @pascalbaljet.bsky.social for getting this one over the finish line 👏
pascalbaljet.bsky.social
Inertia 2.2 is here and it ships with a new <InfiniteScroll> component! If you've ever built infinite scrolling by hand, you know what a timesaver this is.

We worked hard sweating the details to make this super smooth and easy to implement

Let's take a look! 👇
pascalbaljet.bsky.social
This component is super configurable and customizable.

You can set the loading threshold, provide a default loading indicator, provide custom trigger elements, use scroll containers, get programmatic access, and more!

The docs are extensive, so be sure to check them out! 📖
pascalbaljet.bsky.social
Besides automatic loading, you can also use manual mode so you can provide your own interface to load more items, like a "Load More" button.

You may even choose to switch to manual after a certain number of automatic loads 👌
pascalbaljet.bsky.social
Reverse mode is perfect for chat applications and timelines 💬

It flips the loading direction so scrolling up loads the next page, and scrolling down loads previous pages.
pascalbaljet.bsky.social
Scrolled to page 5 and hit refresh? No worries.

It reloads that page and backfills earlier pages as you scroll up. Bi-directional infinite scrolling out of the box 💪
pascalbaljet.bsky.social
One neat detail: the URL updates as you scroll, and not only when loading the next page.

If you're looking at page 5 and scroll back up, the query string updates to match what's on screen.

Perfect for bookmarks and shareable links 🔗
pascalbaljet.bsky.social
On the client side, just wrap your content in the <InfiniteScroll> component. That's it.

It automatically detects when you reach the end of the page and fetches the next chunk of data.
pascalbaljet.bsky.social
On the server side, there's a new Inertia::scroll() method.

It works with full, simple, and cursor pagination, plays nice with Eloquent API resources, and also supports custom pagination implementations 🙌
pascalbaljet.bsky.social
Inertia 2.2 is here and it ships with a new <InfiniteScroll> component! If you've ever built infinite scrolling by hand, you know what a timesaver this is.

We worked hard sweating the details to make this super smooth and easy to implement

Let's take a look! 👇
pascalbaljet.bsky.social
You’re not wrong 😎
pascalbaljet.bsky.social
Next week is gonna be PACKED! 🔥🚀
pascalbaljet.bsky.social
Wrote a large portion of the documentation for this 👌
pascalbaljet.bsky.social
I've been working on a new Inertia component these past weeks. Since other things pop up here and there, I often come back with fresh eyes. I've been refactoring, improving, and exploring new ways it can be used. Now it's in a state I'm super pumped about! 🤩
pascalbaljet.bsky.social
I've been working on a new Inertia component these past weeks. Since other things pop up here and there, I often come back with fresh eyes. I've been refactoring, improving, and exploring new ways it can be used. Now it's in a state I'm super pumped about! 🤩
pascalbaljet.bsky.social
But with the XSRF-TOKEN cookie, Axios should automatically send it along, right? Besides CSRF, what is the reason to avoid Axios?