Corbin Crutchley ๐Ÿ“’ Profile Banner
Corbin Crutchley ๐Ÿ“’ Profile
Corbin Crutchley ๐Ÿ“’

@crutchcorn

4,385
Followers
392
Following
829
Media
9,727
Statuses

Staff Frontend Engineer @DescriptApp . @GitHub Star, @UnicornUttrncs Partner, @tan_stack Maintainer, Twitch Streamer () ๐Ÿ’…๐Ÿ’…๐Ÿ’…

Sacramento, CA
Joined March 2015
Don't wanna be here? Send us removal request.
Pinned Tweet
@crutchcorn
Corbin Crutchley ๐Ÿ“’
4 months
๐Ÿ“’ After two years of work, The Framework Field Guide is officially out! ๐ŸŽ‰ If you want to learn React, Angular, and Vue, this book is FREE and teaches all three at once. Ready to start your journey? Link in next post:
Tweet media one
35
147
446
@crutchcorn
Corbin Crutchley ๐Ÿ“’
4 months
4 lines of JavaScript. Zero dependencies.
25
38
1K
@crutchcorn
Corbin Crutchley ๐Ÿ“’
1 year
I have some news...
44
17
885
@crutchcorn
Corbin Crutchley ๐Ÿ“’
6 months
Engineering is nuanced.
Tweet media one
64
71
837
@crutchcorn
Corbin Crutchley ๐Ÿ“’
1 year
Hot take ๐ŸŒถ๏ธ: DRY is generally a pretty bad design system for code. The more you try to increase code reuse, the more abstractions you'll throw on the table, which makes it harder to follow design flow. Keep things simple, only introduce abstractions when needed.
86
80
834
@crutchcorn
Corbin Crutchley ๐Ÿ“’
9 months
Don't be this person. This is how your issues get closed immediately.
Tweet media one
49
30
724
@crutchcorn
Corbin Crutchley ๐Ÿ“’
5 months
You can tell @nextjs / @reactjs Server Components (RSCs) to "Fully resolve on the server unless it takes longer than N seconds, then show a spinner on the client"
Tweet media one
18
48
665
@crutchcorn
Corbin Crutchley ๐Ÿ“’
1 year
I managed to build an "offline-first" React app using @tan_stack Query. It loads data once from server, lets you turn off data, do everything offline, & sync again when online. It even has a manual diff for when server data updates when offline. 600 LOC
14
44
374
@crutchcorn
Corbin Crutchley ๐Ÿ“’
2 years
๐Ÿงต1/8 Ever wondered why you're not able to conditionally call hooks in @reactjs ? For example, this component early returns a `null` to avoid loading data into a `useState`. It's invalid React code. Why? How do hooks work under-the-hood? Let's dive into React's internals.
Tweet media one
2
60
348
@crutchcorn
Corbin Crutchley ๐Ÿ“’
1 year
I was originally Dan's (jutanium in the screenshot) 'cofounder' of his company "Butter" as CTO earlier this year. We met a year or two prior and had bonded over a shared love of documentation and experiences with mental health challenges (him with bipolar, myself with
@zeu_dev
zeu
1 year
๐Ÿ˜—โœŒ๏ธ
Tweet media one
129
28
2K
17
16
306
@crutchcorn
Corbin Crutchley ๐Ÿ“’
2 years
. @typescript 5 aims to: - Implement ECMAScript decorators (!) - Support .ts file name resolution - Make huge changes to the TS source (faster TSC!) - More They plan on launching by March 2023.
3
31
270
@crutchcorn
Corbin Crutchley ๐Ÿ“’
4 years
@theannalytical if you select "tax entity", you are mandatorily required to put your pronouns in your articles of organization when you create an llc
1
2
218
@crutchcorn
Corbin Crutchley ๐Ÿ“’
9 months
We have liftoff ๐Ÿš€ This feature just launched in @tan_stack Form 0.4 Docs in follow-up tweet.
Tweet media one
11
13
227
@crutchcorn
Corbin Crutchley ๐Ÿ“’
1 year
I'm beyond excited to announce that I'm now a GitHub Star! ๐Ÿคฉ For those unaware, the GitHub Stars program "offers impactful developers an opportunity to showcase their work, reach more people, and shape the future of GitHub." and has ~90 members of the program. ๐Ÿคฏ It's honestly
Tweet media one
25
9
214
@crutchcorn
Corbin Crutchley ๐Ÿ“’
4 months
I wrote a game of TicTacToe using only TypeScript's type system
Tweet media one
10
10
215
@crutchcorn
Corbin Crutchley ๐Ÿ“’
4 months
๐Ÿค” One more thing @angular ... ๐Ÿš€ Announcing @tan_stack Form support for Angular, out now ๐Ÿ“š Docs are here:
10
47
209
@crutchcorn
Corbin Crutchley ๐Ÿ“’
9 months
@gyopiazza It does and it hurts to think that some people authentically think this way. This was my final reply:
Tweet media one
4
1
203
@crutchcorn
Corbin Crutchley ๐Ÿ“’
2 years
Hey, you! Do you want to learn React, Angular, and Vue all at once? ๐Ÿค” I'm working on a free book called "The Framework Field Guide" ๐Ÿ“’ that teaches all three of them in-depth. From component basics to advanced internal logic, it'll have it all! โœจ
5
25
155
@crutchcorn
Corbin Crutchley ๐Ÿ“’
8 months
OMG - absolutely honored to be on the GH walk of fame (of sort). Among some wonderfully amazing names - I'm humbled.
Tweet media one
20
3
155
@crutchcorn
Corbin Crutchley ๐Ÿ“’
4 months
We just released a huge improvement to @tan_stack Form: - No more form.Provider (you can delete it!) - Arrays work as-expected (types too!) This is now a functional (minus submit) form with an array in TanStack Form:
Tweet media one
8
5
126
@crutchcorn
Corbin Crutchley ๐Ÿ“’
10 days
I'm excited to announce that @tan_stack Form is in the Release Candidate stage! This means that we don't intend to break _any_ of our APIs going forward unless things go really sideways. We encourage people to try it out in their production codebase and help us find bugs!
2
8
122
@crutchcorn
Corbin Crutchley ๐Ÿ“’
2 years
It's live! In this article I explain how reactivity in @angular works through Zone.js. It's so in depth that it sites the Angular source code 17 times!!
4
25
120
@crutchcorn
Corbin Crutchley ๐Ÿ“’
9 months
Would you look at that?! @tan_stack Form supports @solid_js already! Links to our initial docs in the next post. A huge thank you to our community member @SwagDoctor19 for taking this challenge on!
Tweet media one
3
11
115
@crutchcorn
Corbin Crutchley ๐Ÿ“’
2 months
I'm excited to share that I'm starting a new role at @DescriptApp working on the Client Platform team with @HipsterSmoothie ! Can't wait to improve the app's performance, increase DX throughput, and more!
29
2
110
@crutchcorn
Corbin Crutchley ๐Ÿ“’
10 days
I've written the first bit of docs for @tan_stack Start and they're now viewable on our site! Not present on the sidebar or Start homepage yet, but if you want to play about with Start today, check these out:
7
10
107
@crutchcorn
Corbin Crutchley ๐Ÿ“’
3 months
WHAT
@goenning
Guilherme ๐Ÿ“ˆ
3 months
Just found out that Fetch API has built-in timeout support! ๐Ÿคฏ
Tweet media one
56
256
2K
4
3
102
@crutchcorn
Corbin Crutchley ๐Ÿ“’
1 year
Okay, for real, @vite_js , @vitest_dev , and VitePress are 100% the way to create library repos. Using these, I've managed to spin up: - Dev environment to test changes - Tests - Docs site Using a single Vite config - without using a monorepo. It's incredible working with them!
7
8
99
@crutchcorn
Corbin Crutchley ๐Ÿ“’
3 months
Are you a library author wanting to use @tan_stack Query without forcing your users to wrap their app in a `QueryClientProvider`? Luckily, you can do just that using the second argument of `useQuery`! This makes async data handling a breeze in your libraries!
Tweet media one
5
4
96
@crutchcorn
Corbin Crutchley ๐Ÿ“’
3 months
I cannot believe that 4,000 of you follow me ๐Ÿ’– Thank you so much for everything!
Tweet media one
6
0
91
@crutchcorn
Corbin Crutchley ๐Ÿ“’
9 months
Well well well, what have we here?
Tweet media one
11
9
86
@crutchcorn
Corbin Crutchley ๐Ÿ“’
5 months
๐Ÿงต1/4 You may have heard of "Glitches" in regards to @angular Signals This refers to when you have a derived value with two parents that depends on a base signal. Write to the base signal & you'll end up with a temporarily wrong value before the 2nd writes.
Tweet media one
3
12
87
@crutchcorn
Corbin Crutchley ๐Ÿ“’
7 days
Join me and Ryan Carniato (creator of @solid_js ) tomorrow morning to see us make an official @tan_stack Form integration for Solid Start! Link to stream in follow-up post:
Tweet media one
3
14
92
@crutchcorn
Corbin Crutchley ๐Ÿ“’
4 months
. @tan_stack Form๐Ÿค @buildWithLit Thanks to the awesome work done by Christian24 on GitHub, we now have a Lit adapter for TanStack Form. Released as part of 0.15 and will be part of v1 from day 1.
2
9
84
@crutchcorn
Corbin Crutchley ๐Ÿ“’
29 days
Angular friends... I'm cooking...
Tweet media one
9
5
83
@crutchcorn
Corbin Crutchley ๐Ÿ“’
1 year
@RoxCodes My forms library might provide an alternative to Formik or React Hook Form :)
5
4
82
@crutchcorn
Corbin Crutchley ๐Ÿ“’
24 days
Yesterday @tannerlinsley showed me the APIs for TanStack Start's server interop. Wow. Just wow. Even without RSC (ongoing development) the back-n-forth has incredible DX. Can't wait to get docs in your hands, get ready to see more of it soon!
4
1
80
@crutchcorn
Corbin Crutchley ๐Ÿ“’
8 months
. @tan_stack Form now has a Valibot adapter! ๐Ÿค– This means smaller schema-based form bundles are coming your way ๐Ÿš€
4
5
78
@crutchcorn
Corbin Crutchley ๐Ÿ“’
6 months
The @tan_stack website needs some serious TLC and cleanup. Expect to see a much better docs site this year ๐Ÿ˜„
5
2
78
@crutchcorn
Corbin Crutchley ๐Ÿ“’
2 months
. @RyanCarniato continues to be a force for good in the web space. Enjoyed catching up at Google IO
Tweet media one
0
1
77
@crutchcorn
Corbin Crutchley ๐Ÿ“’
2 years
Writing a custom @angular form validator for your passwords? Remember to avoid early returns in your validator! Show all of your errors at once in order to allow the user to know all of your password requirements at once!
Tweet media one
1
16
76
@crutchcorn
Corbin Crutchley ๐Ÿ“’
4 months
Incredible to have finally met @brandontroberts IRL!
Tweet media one
2
1
75
@crutchcorn
Corbin Crutchley ๐Ÿ“’
5 months
I've made it back into the @github Stars program for 2024 ๐Ÿ˜ญโค๏ธ So honored to be among the other stars. See you all at GitHub Universe!
Tweet media one
8
2
73
@crutchcorn
Corbin Crutchley ๐Ÿ“’
8 months
I'm consistently frustrated by the discourse of software eng by those that seem to prioritize performance > anything else. While performance is important in its own right and absolutely pivotal in some scenarios, it is not and never has been the end all be all of engineering.
17
4
70
@crutchcorn
Corbin Crutchley ๐Ÿ“’
3 months
Docs sites that are using Next.js: why?
22
0
67
@crutchcorn
Corbin Crutchley ๐Ÿ“’
7 months
@james_r_perkins TanStack Form is ready to use, but needs lots of docs. That said, if you're okay with working around that (and you know my DMs are always open) then let's chat! ๐Ÿ˜„
5
0
66
@crutchcorn
Corbin Crutchley ๐Ÿ“’
1 year
While setTimeout is useful, it's often too slow/inefficient to properly utilize. ๐Ÿ˜ข Polyfill setTimeout with this implementation to make your apps much faster/stable! ๐Ÿคฏ For even better performance, make sure to only run this code in a conditional block on a random function. ๐Ÿ’ก
Tweet media one
6
1
63
@crutchcorn
Corbin Crutchley ๐Ÿ“’
7 months
there's no new tanstack project to see here. don't go looking at the org and finding a new repo, because it definitely doesn't exist.
5
4
64
@crutchcorn
Corbin Crutchley ๐Ÿ“’
7 months
We just launched @tan_stack Form 0.11! This is our biggest release since revamping the form library! As an overhaul to the validators, it includes: - Moved validators under a property for easier readability - Making onMount more consistent - Adding abort signals to async
1
6
63
@crutchcorn
Corbin Crutchley ๐Ÿ“’
2 years
My upcoming book ๐Ÿ“’ teaches Angular - It's 350 pages thus far, and covers the big stuff in @angular /core. There is not a single line of RxJS in any of the code samples. I often feel that RxJS is introduced FAR too early in many Angular resources. Agree? Why or why not?
23
5
63
@crutchcorn
Corbin Crutchley ๐Ÿ“’
2 years
Hot take: Squash merging is the absolute worst
12
7
60
@crutchcorn
Corbin Crutchley ๐Ÿ“’
8 months
I'm at @githubuniverse ! I was invited by GitHub as part of their Stars program! ๐Ÿ˜„
Tweet media one
1
0
57
@crutchcorn
Corbin Crutchley ๐Ÿ“’
5 months
๐ŸŽ‰ My book teaching React, Angular, and Vue - The Framework Field Guide - finally has a release date! March 11th, 2024. After over 2 years of work, I can't wait to get it in your hands!
Tweet media one
9
12
58
@crutchcorn
Corbin Crutchley ๐Ÿ“’
2 years
React's `useEffect` isn't taught too early most of the time; it's taught with the wrong context. The same is true for lifecycle methods in Angular and Vue. They're abused, not because they're taught early on, but because they're not taught with the proper background to them.
3
1
54
@crutchcorn
Corbin Crutchley ๐Ÿ“’
8 months
Just released @tan_stack Form 0.10.0 Contains a big fix; Submitting a form now triggers the validation for onChange and onBlur to make sure the user can't accidentally submit an invalid form: We're also releasing a patch release soon after for arrays.
2
1
53
@crutchcorn
Corbin Crutchley ๐Ÿ“’
3 months
I was invited to Google I/O this year! ๐Ÿคฏ This will be my first time going and I'm beyond elated! So grateful for this opportunity! ๐ŸŒŸ
Tweet media one
7
1
52
@crutchcorn
Corbin Crutchley ๐Ÿ“’
4 months
Had an incredible lunch with the @angular Team talking about the Angular @tan_stack Form adapter. Their support and understanding of the problem space is immensely refreshing Thanks to @synalx we have improved the DX and performance as well! ๐Ÿ˜„
1
6
51
@crutchcorn
Corbin Crutchley ๐Ÿ“’
29 days
I have gotten function components working in Angular using a TS compiler I wrote! ๐Ÿ˜„ This is an unofficial experimentation of Angular's authoring format, akin to @analogjs 's SFCs If this looks interesting to you, stay tuned!
4
5
52
@crutchcorn
Corbin Crutchley ๐Ÿ“’
7 months
Earlier this year at @ClerkDev 's Hackathon I showed a demo of @tan_stack Form validating an input on the client and server using the same API via @reactjs / @nextjs server actions It was mostly theoretical at the time... Not anymore. Coming to you in TanStack Form 0.12
Tweet media one
5
5
50
@crutchcorn
Corbin Crutchley ๐Ÿ“’
11 months
I've been stuck in a pretty vicious cycle of: - Work really hard on my projects - Realize it's a ton of work - Temporarily give up - Come back to the project - Realize it's really not that much more work - Grind on it for hours and hours and hours Dunno how to fix this.
15
1
48
@crutchcorn
Corbin Crutchley ๐Ÿ“’
4 years
Something interesting about me - I prefer to develop in Windows! I often have people ask me how I set up my Windows machines for development, so I wrote a long guide laying out everything that I know regarding setup! I talk about WSL, Windows Terminal, Chocolatey, and much more!
@UnicornUttrncs
Unicorn Utterances
4 years
Windows has come a long way in the past 10 years. During that time, the tools available to developers have grown prolifically In this article, we unpack how to set up a Windows development environment! We explain how to setup your terminal and much more!
1
14
32
9
9
47
@crutchcorn
Corbin Crutchley ๐Ÿ“’
6 months
Tweet media one
2
6
47
@crutchcorn
Corbin Crutchley ๐Ÿ“’
4 months
Oh hey! I've reached 1K GitHub contributions in 2024 already ๐Ÿ˜„
Tweet media one
11
0
47
@crutchcorn
Corbin Crutchley ๐Ÿ“’
1 month
Quick shoutout to @colinhacks for this article, which helped save a lot of research time on how to get live types working in an app-focused TS monorepo:
1
7
48
@crutchcorn
Corbin Crutchley ๐Ÿ“’
2 years
๐Ÿงต 7/8 This is why we can't conditionally render hooks: They're tracked based on call order using what's effectively a counter. @dan_abramov explains this significantly better (and explains "why") on his blog, it's a highly suggested read:
1
1
45
@crutchcorn
Corbin Crutchley ๐Ÿ“’
1 year
Fun fact! I just lost 30 minutes because I wrote "slice" instead of "splice" :)
6
1
46
@crutchcorn
Corbin Crutchley ๐Ÿ“’
2 months
@julienrenaux Please don't do this. We need to respect our peers, regardless of which tools they use.
4
0
46
@crutchcorn
Corbin Crutchley ๐Ÿ“’
3 months
My lightning talk for @ngconf is now on YouTube! If you want to learn about making your own signals by seeing an implementation written in 5 minutes, this is your talk:
2
8
46
@crutchcorn
Corbin Crutchley ๐Ÿ“’
5 years
Sincere shoutout to @zeithq for making contributing to NextJS one of the nicest experiences I've ever had in OSS contributions. And that's only for the smallest example updates!
1
3
45
@crutchcorn
Corbin Crutchley ๐Ÿ“’
7 months
When I started learning FE frameworks like @reactjs , @vuejs , and @angular I learned the term "Reactivity" Read the docs of any of them; it's everywhere. What's worse; There's a lot of ambiguity around this term... Let me take a crack at explaining it:
2
10
43
@crutchcorn
Corbin Crutchley ๐Ÿ“’
7 months
Managed to get Vite generating a CJS and MJS dual-bundle with AreTheTypesWrong and publint both verifying that everything is green
Tweet media one
4
1
43
@crutchcorn
Corbin Crutchley ๐Ÿ“’
2 years
๐Ÿงต8/8 This has been a lightning quick recap of what I'm writing for my "React's Internals" chapter of my upcoming book: "The Framework Field Guide" ๐Ÿ“’ It will teach React, Angular, and Vue all at once and will be free on @UnicornUttrncs ! Be sure to follow for more like this!
Tweet media one
1
2
42
@crutchcorn
Corbin Crutchley ๐Ÿ“’
10 months
๐Ÿ‘€๐Ÿ‘€
Tweet media one
2
1
41
@crutchcorn
Corbin Crutchley ๐Ÿ“’
4 months
Transparency time: I've been writing the book release announcements for socials, Discord, and mailing lists today - it's live Monday at 8AM PST. It's been tearing me apart - so many emotions all at once it's overwhelming (lots of tears). This has been 2 years of immensely hard
7
3
41
@crutchcorn
Corbin Crutchley ๐Ÿ“’
2 years
I'm excited to announce that I'm writing a programming book! ๐ŸŽ‰ It'll be called "The Framework Fieldguide" ๐Ÿ“’ and teach you Angular, React, and Vue all at once! From component basics to internal logic, it'll have it all! โœจ Follow me to learn tips and tricks up until release!
3
8
39
@crutchcorn
Corbin Crutchley ๐Ÿ“’
3 years
This was my very first interaction with GitHub Copilot...
Tweet media one
1
3
38
@crutchcorn
Corbin Crutchley ๐Ÿ“’
1 year
Added in a GitHub graph to the page ๐Ÿ˜
2
0
40
@crutchcorn
Corbin Crutchley ๐Ÿ“’
1 year
@alexisintech Words cannot express how much I appreciate you throughout all of this. โœจ๐Ÿค
0
0
38
@crutchcorn
Corbin Crutchley ๐Ÿ“’
1 year
Wrote a super minimal web framework in ~30 minutes when challenged by a friend asking what my ideal framework would look like... Ended up with something like @vuejs meets @Alpine_JS ๐Ÿ˜… (Altho I know Vue also supports HTML-templating) What do ya think?
6
3
39
@crutchcorn
Corbin Crutchley ๐Ÿ“’
6 years
Hey all, my father is needing a heart and liver transplant coming up soon. He's needing to raise money in order to afford the operations and as a result of trying to raise funds made a Twitter: @zipperheartx6 Even if you can't donate, a follow or rt would be a huge help. Thanks
4
44
34
@crutchcorn
Corbin Crutchley ๐Ÿ“’
2 years
Today was my last day @CoderPad . My time there was sincerely the most positive experience in my career, filled with the best people I've ever had the pleasure of working alongside I sincerely continue to believe that their mission is amazing and that they will succeed in it โค๏ธ
5
0
39
@crutchcorn
Corbin Crutchley ๐Ÿ“’
5 years
I've been diving into ASTs lately (writing a Babel plugin and reading through Angular's compiler's source code). Honestly? They're not nearly as scary as my mind made them out to be. Sure, there's a learning curve, and I'm not trying to imply they're easy but (1/4)
4
4
36
@crutchcorn
Corbin Crutchley ๐Ÿ“’
1 year
What's this? A beautiful new HouseForm landing page powered by Vitepress? That's right! See it live:
Tweet media one
2
6
37
@crutchcorn
Corbin Crutchley ๐Ÿ“’
5 months
Wish me luck!
Tweet media one
6
2
37
@crutchcorn
Corbin Crutchley ๐Ÿ“’
9 months
It's my birthday! To celebrate, my friends and I have launched a massive overhaul to @UnicornUttrncs ๐Ÿคฏ This was a huge effort led by @edpratti , @fennifith , and myself including 900+ commits over almost a year (including design). As a gift to me, it would mean a lot if you
@UnicornUttrncs
Unicorn Utterances
9 months
We're excited to announce the new Unicorn Utterances! This update has been a substantial effort from the team - in the works for over 6 months and almost 1000 commits! We're excited to show you what's new - let's dive in๐Ÿงต
Tweet media one
3
8
75
17
6
37
@crutchcorn
Corbin Crutchley ๐Ÿ“’
2 years
My next blog post is going to be a doozy. If you've ever wanted to read @angular 's source code, this will be the blog post for you. Will include a from-scratch implementation of Zone.js and default CD strategy of Angular to render our own DOM elements.
Tweet media one
4
0
36
@crutchcorn
Corbin Crutchley ๐Ÿ“’
4 months
The best part of @tan_stack packages is that they're framework agnostic Meaning 99% of the APIs work exactly as you'd expect across the boundaries of the framework or not Honestly such a superpower when dealing with microframeworks come to think of it ๐Ÿ‘€๐Ÿ‘€
1
1
35
@crutchcorn
Corbin Crutchley ๐Ÿ“’
8 months
. @github sent me a wonderful care package a while ago when I first became a GitHub Star. This week they sent me a physical award to go alongside it ๐Ÿ˜ญโค๏ธ๐Ÿ˜ญโค๏ธ I'm so blessed to have received this recognition from such a wonderful organization.
Tweet media one
Tweet media two
Tweet media three
4
0
35
@crutchcorn
Corbin Crutchley ๐Ÿ“’
2 years
๐ŸงตI'm beyond excited to announce the website redesign for my upcoming book series! ๐Ÿ“’ The series teaches React, Angular, and Vue! It's by far the fanciest website I've ever built (w/ the help of many others) and I couldn't be happier with the end result
4
14
35
@crutchcorn
Corbin Crutchley ๐Ÿ“’
4 months
I'm here at @ngconf ! I'm giving a lightning talk tonight writing a signals implementation from scratch! If you see me in the halls, say hello!
Tweet media one
2
1
35
@crutchcorn
Corbin Crutchley ๐Ÿ“’
2 years
Holy cow! I'm 1 follower away from 1,000! This is awesome and I appreciate you all for being here and sticking around. If you're not following, but want to make my day by making this number finally roll over - I'll introduce myself Hi! ๐Ÿ‘‹ I'm Corbin and I do lots of coding! โœจ
Tweet media one
3
3
33