Caleb Porzio @calebporzio Twitter profile

Last Seen Profiles

@Hitman_CoryJ

@LordsOfBlack

@bailacopp

@NickJames_EY

@ZacharyAhmad

@budirenisi

@foecymrucydd

@lou_chapelle

@bachnation

@AnaM_Agudelo

@cuckold_bay

@OakCoachForest

@wispypengwan

@KlavanShow

@OpiyoWandayi

@pamelalamela

@IshikaGuha2

@bjrent

@VogieForge

@SayunyanH

@JoelMarcey

@GilBolsonaro

@deoncoulter

@IBoyd1966

@ayed7171

@MaryM_Walsh

@hereeesjonny

@brucenaomi97

@EmileNtamack

@ABCInstitute

@CoachJBWells

@StreetShibuya

@PaladinXRider

@olivier_bard

@YangQuanChen

@JamperFN

Caleb Porzio

@calebporzio

5 years

🤡 Cool thing I just found out is possible in HTML. No practical use, just fun.

145

3K

10K

Caleb Porzio

@calebporzio

5 years

🔥😱 Something you probably didn't know HTML/CSS could do. SUPER useful!

124

2K

7K

Caleb Porzio

@calebporzio

4 years

🎉❤️ I just cracked $100k/yr on GitHub Sponsors. ❤️🎉 Life. Changed. Huge thanks to everyone's generosity and the GH Sponsors team! ❤️🙏🏻 Did a writeup of the entire journey if you care:

226

484

5K

Caleb Porzio

@calebporzio

5 years

🔥 STOP USING console.log() in JavaScript. There's something just as easy and WAY more powerful!

148

1K

4K

Caleb Porzio

@calebporzio

4 years

🎉 My GitHub Sponsors account busted $70k/yr the other day. I kinda can't believe it. I think this open-source sustainability thing is gonna to work out for me. So grateful to everyone who's sponsored ❤️, and the GH Sponsors team for all their hard work ❤️ cc @devonzuegel

65

134

2K

Caleb Porzio

@calebporzio

1 year

✨ Nostalgia...

51

131

2K

Caleb Porzio

@calebporzio

11 months

Folks, it's happening I'm launching Livewire 3 on July 20th at @LaraconUS 🚀🚀🚀

127

211

1K

Caleb Porzio

@calebporzio

4 years

🤯 I just did a crazy thing to an Eloquent model. Something I've wanted for so long. Thanks to, you guessed it. Sqlite ❤️

87

241

1K

Caleb Porzio

@calebporzio

9 months

Let the games begin 🚀

77

188

1K

Caleb Porzio

@calebporzio

2 years

👀👀 Been working on a secret project this week: Introducing: River Alan Porzio 🎉🎉

218

3

1K

Caleb Porzio

@calebporzio

6 months

😠 The MOST annoying thing in all of web development 😂 I give you: the disappearing dropdown solved. yep. mmhmmm.

56

147

1K

Caleb Porzio

@calebporzio

6 months

✨ Dropdowns made easy Brought to you by Alpine's new "Anchor" plugin. Check it 🤘

53

120

1K

Caleb Porzio

@calebporzio

2 years

🏡: ▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓ 🐣: ▓▓▓▓▓▓▓░░░░░░░░

146

3

1K

Caleb Porzio

@calebporzio

6 months

Mobile web dev is usually a pain UNTILL NOWW dun dun dun Check this out. Super easy to wire up your physical iphone with desktop devtools 🍰

43

132

1K

Caleb Porzio

@calebporzio

4 years

I enjoy PHP

50

108

1K

Caleb Porzio

@calebporzio

1 year

7 lines -> 1 liner PHP's coalesce equal operator is 🧑‍🍳

36

137

1K

Caleb Porzio

@calebporzio

2 years

I wrote something up:

I'm out of a job...

My job is building Livewire and Alpine. What's it been? like almost four years now? Fun fact: that's the longest I've ever...

calebporzio.com

91

103

1K

Caleb Porzio

@calebporzio

4 years

🚀🎉 It's Finally Here! "Make VS Code Awesome" is now available! 👏🏻 So excited to finally share this 🤗 Thanks SO MUCH for the support

Make VS Code Awesome

Make VS Code beautiful. Be productive as hell in it.

makevscodeawesome.com

55

398

1K

Caleb Porzio

@calebporzio

1 year

🪄 What if you could write code that doesn't exist yet and it just... worked?

69

125

1K

Caleb Porzio

@calebporzio

4 years

😍😱 What if you could use a Google Sheet as the table for an Eloquent Model in Laravel... What is this world coming to? Will DEFINITELY be doing this... like... maybe all the time...

57

163

933

Caleb Porzio

@calebporzio

2 years

🎉🎉 New Alpine Plugin: Mask One directive: x-mask Extremely simple, extremely powerful input masking. Check it ooooaaaaatttttttt:

37

132

914

Caleb Porzio

@calebporzio

3 years

👌Clever little trick to add descriptions to items in a select dropdown - found on Laravel Forge

20

128

905

Caleb Porzio

@calebporzio

6 years

🌱💧 Pro Tip: make your database seeders more user-friendly and interactive with Laravel's command interface 💧🌱 ... endless possibilities

25

239

861

Caleb Porzio

@calebporzio

4 years

🚀🎉🎁 It's finally ready... Introducing: Livewire Version 2! 🎉 🧵 $queryString w/ pushState 🕐 wire:model.defer 📏 $rules property 🔌 $wire for Alpine 🧙‍♂️ @ entangle for Alpine 📦 And WAY more Thanks for all the ❤️

Upgrading From 1.x | Livewire

A full-stack framework for Laravel that takes the pain out of building dynamic UIs.

laravel-livewire.com

45

212

849

Caleb Porzio

@calebporzio

7 months

✨ New Livewire feature just landed: wire:confirm Easily trigger a browser confirmation dialog before performing a dangerous action. Super easy. Super powerful. 💪

37

96

817

Caleb Porzio

@calebporzio

9 months

Something I forgot to say during my talk: Livewire 3's entire JS file weighs only 33kb! That's including Alpine and all its plugins Isn't that insane? V2 weighed 38k and didn't include Alpine at all. Your entire app's frontend now weighs 33Kb 🤯 That's pretty hard to beat

35

80

783

Caleb Porzio

@calebporzio

2 years

PHP is fun

54

62

775

Caleb Porzio

@calebporzio

6 months

⚒️ Me and @keithdamiani are breaking ground on a new project: Livewire UI All the UI components you need in your app - built with ❤️ More to come 👀

51

38

779

Caleb Porzio

@calebporzio

4 years

🚀🎉🎁 @LaravelLivewire (v1.2) now supports File Uploads! FINALLY Check these out for more deets: Blog Post: Docs: Screencasts: (All have unique content) RTs and replies with your experience are 👍🏻👌🏻🙏🏻

81

181

720

Caleb Porzio

@calebporzio

3 years

I still don't know how to use CSS grid

88

32

697

Caleb Porzio

@calebporzio

10 months

Folks, todays the day

73

45

707

Caleb Porzio

@calebporzio

7 years

I always forget how to read composer versions: "^", "~", "<=", "*".... so I made little cheatsheet - enjoy☝️

16

301

690

Caleb Porzio

@calebporzio

2 months

Livewire trello clone in my morning voice 🤘

64

62

691

Caleb Porzio

@calebporzio

1 year

Would be rad if Eloquent had these, yeah?

50

54

674

Caleb Porzio

@calebporzio

4 years

🤠 What if you could use an API endpoint for an Eloquent model instead of a database table???... 🤔👀

41

137

674

Caleb Porzio

@calebporzio

14 days

✨ New Alpine plugin out: Sort Easily sort items on the page by dragging them with your mouse. Uses SortableJS under the hood 🤌

36

78

674

Caleb Porzio

@calebporzio

5 months

PHP enums are really growing on me Check this out: A PHP enum with a "->dates()" method so that each case can return it's own carbon instances

25

83

649

Caleb Porzio

@calebporzio

10 months

New Livewire sticker. Check it.

53

23

637

Caleb Porzio

@calebporzio

4 years

🚀 Just got a new Eloquent method merged into Laravel: Model::firstWhere(...) Should be in the next 6.x release 🤙

36

74

598

Caleb Porzio

@calebporzio

5 years

🔥 Validation messages in Blade just got a bit nicer 👌 (It's not in core, add it to your project here: )

26

117

588

Caleb Porzio

@calebporzio

1 month

So... after my tweetfest about the studio display, I got a text from a Livewire Partner last night saying: go buy yourself one, on me. Like who does that? So freaking generous ❤️❤️❤️

51

7

583

Caleb Porzio

@calebporzio

6 months

🍦 Nice little addition to a Laravel validation error: scroll your users back up to the error...

20

61

566

Caleb Porzio

@calebporzio

9 months

💅 FINALLY...some branding that does this little tool justice I still use Sushi in nearly every single Laravel app I build Check out Sushi's new site: Beautiful design by @HassanZahirnia

40

74

561

Caleb Porzio

@calebporzio

10 months

Today NASA emailed me to verify some information about AlpineJS. That's fun

27

12

558

Caleb Porzio

@calebporzio

4 years

Holy smokes. 14 episodes. 4 hours. No stone unturned. Gonna drop tomorrow probably 🥽

31

37

557

Caleb Porzio

@calebporzio

2 years

One of my favorite things about Laravel has always been Taylor's obsessive 3-line code comments. (those pretty little comments where each line is exactly 3 chars less than the previous) To honor them, I made a quick tool: And did some digging for fun 🧵

30

96

532

Caleb Porzio

@calebporzio

4 years

🚀📦 The wait is over. Project X is dead. Introducing: Alpine.js

GitHub - alpinejs/alpine: A rugged, minimal framework for composing JavaScript behavior in your...

A rugged, minimal framework for composing JavaScript behavior in your markup. - GitHub - alpinejs/alpine: A rugged, minimal framework for composing JavaScript behavior in your markup.

github.com

30

102

523

Caleb Porzio

@calebporzio

3 years

🚀🚀 New Alpine plugin drop today: Intersect 🎉🎉 A simple, declarative way to trigger some JS when an element enters the viewport (scroll-triggered animations, etc...) Oh, also it (currently) weighs only 311 bytes! Check it oooouuuut:

Intersect — Alpine.js

An Alpine convenience wrapper for Intersection Observer that allows you to easily react when an element enters the viewport.

alpinejs.dev

24

72

518

Caleb Porzio

@calebporzio

4 years

🚀✍️ New Post: "Easy, Free, Serverless Laravel With Vercel" 📂 Add 3 files to your Laravel app 🖥️ Run the "vercel" command ✨ Visit your new serverless app 🤩 It's blowing my mind how easy and powerful this is 🤯

28

88

520

Caleb Porzio

@calebporzio

1 year

Livewire 3 Alpine Dusk test passing 🎉 That means every weird little Alpine/Livewire nook and cranny is taken care of: Everything relating to .$wire, @ entangle, x-transition, nesting, and all of these things combined. Done. Wew

43

33

516

Caleb Porzio

@calebporzio

4 years

🚀📦 It's here folks: Screencasts for everything you could ever want to build in your data tables. I don't think I wrote a SINGLE line of JavaScript in the entire series. 🔥 @LaravelLivewire + Alpine/Blade Components + Tailwind UI = Bliss 😍

39

68

511

Caleb Porzio

@calebporzio

4 years

👌🏻I do this kind of thing all the time in PHP: Little inline caches for when a method is called multiple times within a request and don't want to "re-compute" that value. It's called "memoization", but I call it "inline static caching"

38

64

508

Caleb Porzio

@calebporzio

3 years

Ok, I finally have the vision for the near future of Livewire and Alpine. I've been doing a ton of internal experimentation and rewriting and I FINALLY feel like I've settled on things. Some goals for the next releases:

35

39

508

Caleb Porzio

@calebporzio

1 year

I finally found my use-case for chatGPT: working with AWS So insanely useful. It's telling me where to go in the console, writing IAM policies for me, giving me shell scripts to access the API. Boy oh boy...

23

22

508

Caleb Porzio

@calebporzio

2 years

So.... Alpine is used on T-Mobile's homepage... 😊😊😊😊😊😊😊😊😊

26

19

496

Caleb Porzio

@calebporzio

1 year

Same thing, but with Livewire

Ryan Toronto

@ryantotweets

1 year

I updated @_buildui 's user search to use React Server Components with Next 13's appDir. The code for this was so simple.

25

46

713

33

45

490

Caleb Porzio

@calebporzio

1 year

💅 Just found out about a really cool JavaScript API: AbortController Makes removing event listeners so much nicer. 😎

16

58

492

Caleb Porzio

@calebporzio

4 years

Hit 1k on GH Sponsors. Nothing but ❤️ to you all. Seriously, wow.

37

11

490

Caleb Porzio

@calebporzio

3 years

Just discovered Laravel's "@.production" blade directive. So useful for all sorts of analytics-y things inside <head> 👌

18

70

484

Caleb Porzio

@calebporzio

5 years

☝️If you are relatively new to Testing in Laravel. Here are 3 methods you NEED to be familiar with. Understanding these will make your life much easier.

15

116

482

Caleb Porzio

@calebporzio

2 years

🥳 Alpine Components are here! 📦 9 Core UI Components 📺 "watch-me-build-these" Screencasts ⌨️ Keyboard Accessible 🔑 Lifetime access 🔌 3rd Party Integrations like Trix (coming soon) 🙏 Livewire Support (coming soon) Launch sale/early access for: $99

UI Components — Alpine.js

Well made, keyboard accessible, UI components written with Alpine.

alpinejs.dev

41

65

475

Caleb Porzio

@calebporzio

3 months

Baby #2 en route! (another little man)

85

0

485

Caleb Porzio

@calebporzio

5 months

✨ Just discovered this sick tool called Popmotion (during the state of js survey) Simple, low-level animator You give it two values and a callback Now it will run your callback as it animates those values (It's actually what drives Framer Motion)

10

41

485

Caleb Porzio

@calebporzio

3 years

🥳 New Alpine Plugin: Persist 🍾 Easily persist data across page loads by using a nifty little decorator function: $persist() Think data-table filters, currently active tab, preserving a user's decision to hide a notification, etc. Dig it:

Persist — Alpine.js

Easily persist data across page loads using localStorage

alpinejs.dev

24

79

476

Caleb Porzio

@calebporzio

5 years

🔥 Super clean little way to disable submit buttons while a form is posting 👌 Just learned that you can reference an input element in the handler by "name" (no long document.querySelector) 🙌 (Video in reply)

11

104

472

Caleb Porzio

@calebporzio

5 years

🔑 The fundamental key to understanding Eloquent.

8

113

471

Caleb Porzio

@calebporzio

4 years

Safari is the new IE11

29

54

469

Caleb Porzio

@calebporzio

4 years

I love programming so much It's the height of creativity for me Who's with me

37

25

459

Caleb Porzio

@calebporzio

10 months

☝️ Good habit: always add [type="button"] Otherwise random forms get submitted and things get confusing Probably common knowledge... sharing just in case it's not

26

41

449

Caleb Porzio

@calebporzio

2 years

✨ Alpine & Tailwind are such a magical combo Was having so much fun building something, I had to record it. Also demoed a new "minimum collapse" feature I added to Alpine yesterday. Dig it. Docs for the new feature here:

24

38

450

Caleb Porzio

@calebporzio

2 years

I spy @Alpine_JS 👀👀👀

18

22

442

Caleb Porzio

@calebporzio

4 years

Behold 🛸

36

39

442

Caleb Porzio

@calebporzio

4 years

Can we start a movement to ban the use of IE 11? Maybe get federal governments involved?

38

47

444

Caleb Porzio

@calebporzio

1 year

Learned a crazy performance thing the other day: Adding lots of event listeners to "window" or any single element is SLOOOWWWW 50k listeners on window takes 5 seconds 50k listeners on different elements: < .05 seconds 100x slower. Wild.

22

52

441

Caleb Porzio

@calebporzio

2 years

If you use Tailwind and VS Code, this setting is 👌 Without it, when VS Code formats your HTML, things are... annoying

22

54

443

Caleb Porzio

@calebporzio

4 years

🤯 Proof Of Concept: I built a basic version of Trello with @LaravelLivewire . If I made a plugin for this draggable behavior, you could pretty easily re-create Trello without writing a single line of JavaScript or a single manual axios call. Pretty wicked stuff.

29

63

438

Caleb Porzio

@calebporzio

4 years

My @github sponsor's account is up to $32.5k/year. Definitely not an insignificant sum of 💰 Big thanks to all you generous folks ❤️ who are making the work I love so much sustainable.

23

10

434

Caleb Porzio

@calebporzio

4 years

Received my first payout from GitHub sponsors 🎉 - The first payout takes 3 months (I opened the account Dec. 12) - It includes the up-to-$5k match (future payouts will be MUCH smaller) Super grateful to everyone who's been supporting me on GitHub ❤️👏👌 Means so much.

26

6

431

Caleb Porzio

@calebporzio

4 years

👀 Coming soon...

21

26

432

Caleb Porzio

@calebporzio

7 years

We've come such a long way. I literally used to write code like this. Thanks Eloquent, HasManyThrough, Collections, Higher Order Methods...😬

14

142

425

Caleb Porzio

@calebporzio

2 years

💅 Really nice way to swap two variables in PHP

17

48

426

Caleb Porzio

@calebporzio

6 years

💅 Killing conditionals with Eloquent's "firstOr" method. If firstOrCreate, firstOrFail, or firstOrNew don't quite cut it.

6

98

424

Caleb Porzio

@calebporzio

1 year

Livewire V3 docs progress: V2 docs word count: 20,808 V3 docs word count: 38,401 I feel like I'm barely halfway done, and there's already twice as much content. Trying my darnedest to pack them full of context and useful code examples 👌

29

23

417

Caleb Porzio

@calebporzio

6 months

✨ Probably my favorite new Livewire feature shipped today: @ assets and @ script - assets only load once per page - scripts run for every component - scripts have access to "$wire" - no need for "document.addEventListener" anymore - all this works with lazy loaded components

25

57

416

Caleb Porzio

@calebporzio

1 year

One of the awesome things about Livewire V3 is that `$wire` is real now. An actual JS object that has all the methods and properties your PHP class has. You can get/set anything you want. wire:model="title" under the hood is actually: x-model="$wire.title" And because it's

28

32

407

Caleb Porzio

@calebporzio

4 years

Mmmkay, gonna throw out a series on creating a data-table in @LaravelLivewire with shared-modal editing. (probably a bunch more stuff too) Alpine, Blade Components, Tailwind UI, etc... Shootin' for next week, stay tuned 📺

26

23

404

Caleb Porzio

@calebporzio

3 years

Toying with a new Blade directive for using PHP variables inside JavaScript. It's called @.js - what do you think?

21

39

394

Caleb Porzio

@calebporzio

5 years

🎨 Borderless inputs look so clean, but lack "separation" Add a small bottom border to them to add separation without sacrificing those sexy crisp edges. (like .shadow would do) (I'm channelling my inner @steveschoger )

7

36

395

Caleb Porzio

@calebporzio

4 years

I don't use VS Code's "Git" panel for a lot. But I LOVE "Undo Last Commit" As a git command line user, an operation like this typically takes some googling/pasting/breaking things. Now just a simple click.

16

54

389

Caleb Porzio

@calebporzio

1 month

Just realized Livewire is 5 years old now. 😳 Wild how a little proof of concept basically derailed every other pursuit in my life and has occupied my mind and keyboard full-time for five years straight. Lotta code. Lotta videos. Lotta talks. Lotta friends. 🥂 to the next five

44

18

394

Caleb Porzio

@calebporzio

2 years

🚀🔥 Stealth drop for @Alpine_JS : New "Portal" plugin! Plop x-portal somewhere and send that DOM to another part of the page. Works with everything you think it should 👌 Check it:

21

56

390

Caleb Porzio

@calebporzio

6 months

🚀🎉 Launch day baby! New Livewire screencasts are live and 50% off! 📹 Watch 4+ hours of content 🧑‍💻 Access all the source code ❤️ Support this lil project Lemme show you around the new content 🫴

69

62

390

Caleb Porzio

@calebporzio

7 months

🚀🚀🚀 New Livewire V3 screencasts comin' at you 👊 Just dropped 11, working on a whole bunch more 💪 Check em ouuttttttt

Installation Screencast | Laravel

A full-stack framework for Laravel that takes the pain out of building dynamic UIs.

livewire.laravel.com

34

51

385

Caleb Porzio

@calebporzio

9 months

Any last words before I tag Livewire 3.0?

108

10

387

Caleb Porzio

@calebporzio

2 years

💰 Constructor promotion in PHP 8 is sooo goood Using it all the time now...

24

33

386

Caleb Porzio

@calebporzio

4 months

✨ New screencast series: BUILDING DATA TABLES AND A TON MORE RELATED STUFF IN LIVEWIRE AHHH What's in it? Welp, here's the entire course condensed into a few minutes while I play with my deluge in the background 😎

42

45

383

Caleb Porzio

@calebporzio

5 years

🎉🎉 Alright, the official Livewire landing page is live now. (with all the documentation) Go give it a read, and maybe give this a share 😘

26

141

378

Caleb Porzio

@calebporzio

2 years

I'm working on a Laracasts series called "Livewire Uncovered" where I build a working version of Livewire from scratch. Kinda nuts how little JavaScript I ended up with in the end to make the whole thing work 🤯

21

30

375

Caleb Porzio

@calebporzio

1 year

🎂 Big day folks. The pup turns 1.0!

31

4

375

Caleb Porzio

@calebporzio

4 years

You know how software companies give student discounts? They should also give "kid" discounts: 100% off for people under ~17yrs old I don't know where I'd be without all the cracked software of my youth. I sure as hell couldn't pay for any of it. (Photoshop, etc...)

35

38

377