heyImMapleLeaf Profile Banner
MapleLeaf 🍁 Profile
MapleLeaf 🍁

@heyImMapleLeaf

Followers
7K
Following
87K
Media
435
Statuses
9K

🦋
Joined July 2011
Don't wanna be here? Send us removal request.
@heyImMapleLeaf
MapleLeaf 🍁
1 year
LISTEN TO ECLIPSE
1
0
7
@heyImMapleLeaf
MapleLeaf 🍁
6 months
i feel like one big required skill for coding on big projects is the ability to turn off the "everything is awful" part of your brain, so you can pile more shit on top of the shit mountain to add features. this is too hard sometimes.
52
190
3K
@heyImMapleLeaf
MapleLeaf 🍁
1 year
I prefer my highly optimized version instead :)
Tweet media one
@lauriewired
LaurieWired
1 year
Can you believe we've reached a point in tech where a package named "is-even" has millions of downloads?. hey guys, there is this thing called the modulus operator, and it works JUST FINE
Tweet media one
69
110
2K
@heyImMapleLeaf
MapleLeaf 🍁
2 years
tailwind fluid grid columns🪄. grid grid-cols-[repeat(auto-fill,minmax(theme(width.64),1fr))] p-2 gap-2. change the `width.*` value for larger or smaller columns.
30
199
2K
@heyImMapleLeaf
MapleLeaf 🍁
6 months
i just wrote this and i feel like i need to go get a new brain
Tweet media one
54
16
1K
@heyImMapleLeaf
MapleLeaf 🍁
2 years
this is still one of my favorite uses for async generators
Tweet media one
23
81
1K
@heyImMapleLeaf
MapleLeaf 🍁
1 year
if the app's data fetching looks like this, it's not a real app.
@icarusgkx
:icarus.gk ⇏ ▿
1 year
This is how you'd fetch and iterate over data in .React, Vue and Svelte. Which one clicks with you more? 🧐
Tweet media one
Tweet media two
Tweet media three
25
17
860
@heyImMapleLeaf
MapleLeaf 🍁
1 year
any time I baked margins into a component, I regretted it later. it's now become a cardinal rule for me to never do that, lol.
@jamesqquick
James Q Quick
1 year
Should this PostList component: . 1. define its owns margins. 2. let its container define margin
Tweet media one
36
33
783
@heyImMapleLeaf
MapleLeaf 🍁
9 months
Tweet media one
12
57
750
@heyImMapleLeaf
MapleLeaf 🍁
6 months
ZERO SHOULD NOT BE FALSY.ZERO SHOULD NOT BE FALSY.ZERO SHOULD NOT BE FALSY.ZERO SHOULD NOT BE FALSY.ZERO SHOULD NOT BE FALSY.ZERO SHOULD NOT BE FALSY.ZERO SHOULD NOT BE FALSY.ZERO SHOULD NOT BE FALSY.ZERO SHOULD NOT BE FALSY.ZERO SHOULD NOT BE FALSY.
219
33
697
@heyImMapleLeaf
MapleLeaf 🍁
2 years
i apologize in advance this was too funny
Tweet media one
8
68
652
@heyImMapleLeaf
MapleLeaf 🍁
11 months
the fact that JSON.stringify(undefined) returns undefined (the value, not the string) is both hilarious and horrifying. javascript is a language.
38
23
632
@heyImMapleLeaf
MapleLeaf 🍁
4 months
can someone please explain how this happened
31
30
536
@heyImMapleLeaf
MapleLeaf 🍁
2 years
opinion: React is focused on the problems that matter more. (and any other frameworks that support time slicing)
Tweet media one
21
63
497
@heyImMapleLeaf
MapleLeaf 🍁
4 months
i promise i'm not abusing ts-pattern
Tweet media one
15
11
500
@heyImMapleLeaf
MapleLeaf 🍁
2 years
tailwind's ability to piss Twitter off is absolutely it's greatest strength marketing-wise. for every 100 people that sneer at it, there are 10,000 more trying it out and being productive af.
15
32
479
@heyImMapleLeaf
MapleLeaf 🍁
2 years
by the way, read this if you haven't
8
79
465
@heyImMapleLeaf
MapleLeaf 🍁
2 years
.@t3dotgg forced me at gunpoint to tweet this: I'm a part of the @astrodotbuild core team now!.
35
10
450
@heyImMapleLeaf
MapleLeaf 🍁
1 year
are you serious? we're really back on this again? sigh
Tweet media one
49
10
430
@heyImMapleLeaf
MapleLeaf 🍁
2 years
HAVING TYPESCRIPT IS NOT THE SAME AS HAVING TYPE SAFETY. if the api accepts `string` and gives me back `Response` without any other type info with it, may as well use JS at that point. sheesh.
23
15
405
@heyImMapleLeaf
MapleLeaf 🍁
2 years
"trailingComma": "none" is the objectively worst prettier config decision.
15
11
399
@heyImMapleLeaf
MapleLeaf 🍁
2 years
if your project has a folder called "lib", i'm (softly and cutely) judging you.
48
9
366
@heyImMapleLeaf
MapleLeaf 🍁
2 years
THEY FIXED JSX
15
33
352
@heyImMapleLeaf
MapleLeaf 🍁
2 years
they just gloss over themselves casually publicly acknowledging for the first time that mutations are a thing 🤭
Tweet media one
@vercel
Vercel
2 years
Introducing Vercel Storage. ◆ Vercel Postgres: Serverless and Edge-ready SQL.◆ Vercel KV: Durable, global, serverless Redis.◆ Vercel Blob: Fast, simple file storage.
24
10
339
@heyImMapleLeaf
MapleLeaf 🍁
2 years
i did the thing
16
39
320
@heyImMapleLeaf
MapleLeaf 🍁
2 years
- client-side data fetching should be a last resort.- apps should be real-time by default.- setting up separate API endpoints for fetching data will eventually be an archaic artifact of the past.
@TkDodo
Dominik 🔮
2 years
Quote tweet this with your spiciest 🌶️ React Query / data fetching take.
28
12
272
@heyImMapleLeaf
MapleLeaf 🍁
8 years
Tweet media one
5
7
251
@heyImMapleLeaf
MapleLeaf 🍁
2 years
this is lit. now the only setting I have to set is `semi: false` 🙈
11
17
254
@heyImMapleLeaf
MapleLeaf 🍁
2 years
using TS ✅.writing TS ❌. the less typescript-specific stuff in your code, generally the better time you'll have. made even better by the heroes making libraries like Zod and taking the hit for app devs 🫠.
@diegohaz
Haz
2 years
I know very few people who enjoy writing TypeScript. In fact, most people would likely avoid it if they could rely on type inference for everything.
9
20
232
@heyImMapleLeaf
MapleLeaf 🍁
2 years
.@nextjs don't agree with overriding the defaults of fetch() with Next-specific behavior, really hope that changes.
10
9
225
@heyImMapleLeaf
MapleLeaf 🍁
2 years
I'm gonna cry. defer is finally here. i can be at peace. i can finally stop adding the "but it's still experimental" qualifier. y'all this is the start of the future of data fetching rn.
6
11
219
@heyImMapleLeaf
MapleLeaf 🍁
1 year
@t3dotgg I'm on 11 and I don't experience any of this 🫠 I'm convinced other windows users just have bad voodoo at the point. or the inverse, that I'm just ✨ Blessed ✨. the only major windows problem I experience is file permission issues.
12
0
211
@heyImMapleLeaf
MapleLeaf 🍁
2 years
my favorite world is the one where everyone improves my life writing Rust, so I don't have to.
@adamwathan
Adam Wathan
2 years
We've been exploring rewriting the code that scans all of your templates for Tailwind classes in Rust for better performance — fun to benchmark. Still no idea what I'm doing so lots of room for improvement I'm sure, but this is extracting classes from 250 template files:
Tweet media one
7
11
202
@heyImMapleLeaf
MapleLeaf 🍁
4 months
genuine question: how does this constant blind chase for infinite eternal growth not end in a dramatic crash for everyone.
@kyliebytes
Kylie Robison
4 months
OpenAI just raised $6.6 billion at a $157 billion valuation: . > led by Thrive Capital, which committed $1 billion.> if OAI doesn’t restructure itself as a for-profit company within two years, investors can ask for their money back.> OAI also asked investors to avoid backing.
24
4
199
@heyImMapleLeaf
MapleLeaf 🍁
2 years
Today I Learned ecmascript has fucking html-style comments
Tweet media one
15
10
192
@heyImMapleLeaf
MapleLeaf 🍁
2 years
if nodejs wants to keep up with competing runtimes, that means they add support for running TS files without precompiling. 👀.
14
7
198
@heyImMapleLeaf
MapleLeaf 🍁
2 years
dear lord someone please stop me before i start making a new javascript framework.
22
6
189
@heyImMapleLeaf
MapleLeaf 🍁
2 years
if i ever make a framework, copy it. everything. i don't care. i don't even want attribution. every framework deserves to be as awesome as the next, end of sentence.
12
8
184
@heyImMapleLeaf
MapleLeaf 🍁
2 years
big skill in software dev: learning how to vibe with what you like and be productive without constantly questioning whether you're doing it the best way. finding the balance therein.
8
16
174
@heyImMapleLeaf
MapleLeaf 🍁
1 year
stop using barrel files. just don't. every time I even think they might be useful, they always end up being annoying on top of the tedium it takes to keep them updated. for what, prettier imports? in a world of auto import? ok.
@trashh_dev
trash
1 year
TIL barrel files don't seem tree shake in nextjs ☠️.
21
22
179
@heyImMapleLeaf
MapleLeaf 🍁
9 months
every time I think about using "switch" I just like. don't. even with early returns, if is less noise and less indentation 🫠
Tweet media one
Tweet media two
46
3
180
@heyImMapleLeaf
MapleLeaf 🍁
2 years
if you know me, you know I won't shut up about how much I like <Form> from @remix_run, and how every modern framework had something like it (props to @solid_js SolidStart!). here's a 🧵 where I try my best to explain why it's cool, from my own PoV!.
7
12
170
@heyImMapleLeaf
MapleLeaf 🍁
1 year
ligatures are bad. i will immediately mute this and not elaborate.
21
4
169
@heyImMapleLeaf
MapleLeaf 🍁
2 years
funny Remix moment: there was an error in my JS, but I never noticed it because my app still worked without JS 🫠.
6
2
164
@heyImMapleLeaf
MapleLeaf 🍁
2 years
linking this article again; a friend asks why I use Remix over something like Astro w/ Islands for SPA behavior. Remix bridges the data flow across client and server while keeping fluid SPA UX. it's hard to find something this elegant elsewhere.
7
18
159
@heyImMapleLeaf
MapleLeaf 🍁
3 years
👀 neat as hell, would love something like this for @vitest_dev
4
20
154
@heyImMapleLeaf
MapleLeaf 🍁
2 years
since this has become Relevant again, here's my Official Form Type Safety Criteria™️ thread.
5
18
151
@heyImMapleLeaf
MapleLeaf 🍁
2 years
*casually updates list of excuses not to learn Rust*.
@djsheldrick
done
2 years
I dewrote turborepo in JS. It's. a lot faster. 150ms vs 550ms to 'not' run tldraw's test suite
4
10
151
@heyImMapleLeaf
MapleLeaf 🍁
1 year
while forwardRef is still on my mind, i made a helper called autoRef to make ref forwarding slightly less bad. playground:
Tweet media one
Tweet media two
6
15
149
@heyImMapleLeaf
MapleLeaf 🍁
2 years
i disabled tabs in my editor. so far i don't really miss them.
26
2
139
@heyImMapleLeaf
MapleLeaf 🍁
4 months
@trashh_dev runtime battle is funny, but I've honestly always thought require and ESM in the same file was horrifying. i am a bit of a purist, but i intuitively feel like you'd run into some super weird and awkward edge cases. it's also just confusing.
7
1
142
@heyImMapleLeaf
MapleLeaf 🍁
2 years
just wanna say how awesome the Astro team is and how happy I am to be here 😊💕🚀.
5
1
135
@heyImMapleLeaf
MapleLeaf 🍁
2 years
the biggest problem with this discussion is that "readable" means something different to pretty much everyone. tailwind is:.❌ aesthetically clean.✅ easy to change.✅ easy to move/edit.✅ easy to understand (don't have to look elsewhere for what carousel__wrapper means).
9
8
134
@heyImMapleLeaf
MapleLeaf 🍁
1 year
when the senior dev sees a .filter().map() that could be moved to a SQL query.
2
2
126
@heyImMapleLeaf
MapleLeaf 🍁
1 year
built a website today using bun and astro with view transitions, deployed on vercel in 10s on the first try. really feels like we're living in the future now compared to 3+ years ago.
3
6
135
@heyImMapleLeaf
MapleLeaf 🍁
1 year
ADHD is fucking hell. i hate constantly being frozen for long periods at a time. i just want to. do thing. just let mE DO THING.
13
11
130
@heyImMapleLeaf
MapleLeaf 🍁
2 years
i love @remix_run 💙.
6
4
129
@heyImMapleLeaf
MapleLeaf 🍁
2 years
about to say fuck it to tech twitter because no one understands what a preference is.
10
4
129
@heyImMapleLeaf
MapleLeaf 🍁
2 years
lol
Tweet media one
14
5
132
@heyImMapleLeaf
MapleLeaf 🍁
2 years
can we at least agree that powershell's Kebab-Pascal-Case is fricking terrifying.
@ThePrimeagen
ThePrimeagen
2 years
snake_case > camelCase.
8
4
125
@heyImMapleLeaf
MapleLeaf 🍁
1 year
@buildsghost manual client-side data fetching is prone to headaches when your requirements grow: loading states, error states, cancellation, caching, retries, etc. for a large number of apps it's just a subpar approach compared to server-first fetching, or using something like react query.
7
3
127
@heyImMapleLeaf
MapleLeaf 🍁
2 years
programming was a mistake.
10
15
128
@heyImMapleLeaf
MapleLeaf 🍁
2 years
cool thing! css bundling in @remix_run lets you easily self-host fonts with Fontsource! 🙌
Tweet media one
4
2
126
@heyImMapleLeaf
MapleLeaf 🍁
1 year
they still haven't removed forwardRef.
@theo
Theo - t3.gg
1 year
What are your biggest concerns with React and it's ecosystem?.
9
5
121
@heyImMapleLeaf
MapleLeaf 🍁
1 year
@cpojer the difference is those libraries have handled all of the edge cases and avoided all the footguns of client-side fetching so you don't have to.
4
2
119
@heyImMapleLeaf
MapleLeaf 🍁
2 years
@laurenancona i know I'm ADHD but every autism test I've taken is negative, and i don't relate to a lot of what my autistic friends deal with. but we share a lot in common at the same time, esp. since some are AuDHD.
4
0
111
@heyImMapleLeaf
MapleLeaf 🍁
2 years
i survived 27 whole-ass revolutions around the sun 🎉.
17
1
116
@heyImMapleLeaf
MapleLeaf 🍁
2 years
Tweet media one
13
10
115
@heyImMapleLeaf
MapleLeaf 🍁
2 years
tech twitter makes me frequently second-guess everything I do and I should stop reading it.
9
2
115
@heyImMapleLeaf
MapleLeaf 🍁
1 year
as much as I love all of this love for Remix, never read into twitter trends. most of them are always like-minded people inflating their bubble. both Next and Remix devs off of twitter are building stuff all the same.
@phuctm97
Minh-Phuc Tran
1 year
Next.js was one the most loved JS frameworks last year and somehow in just the last week, it sorta is the most hated. Did it just reach the typical lifetime of a JS framework? 😅.
6
2
115
@heyImMapleLeaf
MapleLeaf 🍁
2 years
honestly, I've gotten kind of tired of talking about and trying to understand the internal details of web app paradigms nowadays. I just wanna build shit without headaches, man.
6
2
108
@heyImMapleLeaf
MapleLeaf 🍁
2 years
remembering how it took me the longest time to realize the twitter "home" icon was a bird house.
14
7
111
@heyImMapleLeaf
MapleLeaf 🍁
6 months
I love how Deno came out, guns blazing, modernizing and making us rethink JS projects. I love Bun's commitment to UX, speed, and making stuff Just Work . I love seeing Node improve and modernize itself despite the legacy cruft and ecosystem baggage under it. modern dev is so lit.
3
7
102
@heyImMapleLeaf
MapleLeaf 🍁
2 years
i don't know why i did this
19
5
103
@heyImMapleLeaf
MapleLeaf 🍁
11 months
@t3dotgg remove forwardRef.
8
0
104
@heyImMapleLeaf
MapleLeaf 🍁
9 months
here's the thing about buy-in: it disappears with experience. if you're comfortable with TS, it's just purely beneficial. autocomplete all the things, sanity checks everywhere, etc. for TS, the productivity and ramp-up is insane, and buy-in cost goes away super fast.
@jamesqquick
James Q Quick
9 months
Thoughts on using Typescript on small personal projects? . Personally, I’m still a fan. I can’t imagine not using typescript ever!.
12
4
100
@heyImMapleLeaf
MapleLeaf 🍁
2 years
i would rather use an existing, capable, battle-tested, well-documented tool than build some internal, bespoke solution that _definitely_ won't be documented well, and only its makers know how to use best. libraries are good.
4
5
97
@heyImMapleLeaf
MapleLeaf 🍁
2 years
I'm in the "i need to stop reading tech twitter opinions and actually build shit" phase again. that being said. .
5
4
94
@heyImMapleLeaf
MapleLeaf 🍁
2 years
a lot of people who vehemently rejected MobX are also aggressively embracing SolidJS 🤔.
15
3
98
@heyImMapleLeaf
MapleLeaf 🍁
2 years
let i = 0. function x() {. i++. return 10.}. i += x(). without actually running this, what do you think the value of i becomes (or even, what do you think it should be).
36
6
90
@heyImMapleLeaf
MapleLeaf 🍁
6 years
@thekitze > ctrl instead of cmd is crap. i find this one weird, but maybe I'm misunderstanding. I like that Shift, Ctrl and Alt all have their own in-app purposes, where Win is always the global "do something with windows" key. in OS X it feels like a guessing game.
1
0
87
@heyImMapleLeaf
MapleLeaf 🍁
7 years
@bterlson @sincerely_tegan might be an unpopular/dangerous opinion, but that's on library users and developers for relying so heavily on monkey patching, something that's been shunned as bad practice for a while now.
4
0
86
@heyImMapleLeaf
MapleLeaf 🍁
2 years
vent // sometimes I wish Solid folks wouldn't be all like "they haven't seen the light" to people who still prefer React (aside from ecosystem/tooling reasons) but I realize I'm probably like that with Remix, so I'll 🤐 lmao.
22
1
90
@heyImMapleLeaf
MapleLeaf 🍁
1 year
y'all have no idea how cool it is to see this become Real (real).
@astrodotbuild
Astro
1 year
a new kind of database.
4
3
90
@heyImMapleLeaf
MapleLeaf 🍁
2 years
hugely thankful to @t3dotgg for putting up with me, throwing an audience at me, and opening the door to meeting so many awesome people. this year's been nuts. also watch Bocchi the Rock.
4
2
92
@heyImMapleLeaf
MapleLeaf 🍁
2 years
i got banned from @ThePrimeagen's chat and i'm not even mad 😂.
6
1
85
@heyImMapleLeaf
MapleLeaf 🍁
2 years
twitter is literally unable to disagree without throwing shit. istg tailwind just makes shit fun, man. ain't more complicated than that. jesus. if it ain't for you it ain't for you, stop trying to shove this dumb objective sense of righteousness into it.
@jaredcwhite
Jared White 👋 @[email protected]
2 years
The "workflow of styling directly in your markup" was rightly rejected by the creators of web specs and a thoughtful dev community decades ago. This entire project is setting the web back, all because of one man's ego and a corporation built around it.
Tweet media one
8
2
85
@heyImMapleLeaf
MapleLeaf 🍁
3 years
I just installed my packages and ran a remix app with bun 🙃 what.
1
2
82
@heyImMapleLeaf
MapleLeaf 🍁
1 year
this is slick, what the hell
6
11
84
@heyImMapleLeaf
MapleLeaf 🍁
2 years
@thekitze included `any` as a bonus 🙈
Tweet media one
Tweet media two
Tweet media three
Tweet media four
6
0
84
@heyImMapleLeaf
MapleLeaf 🍁
2 years
someone says "your thing is broken" vs. "the thing is broken", I feel like I'm overly sensitive to "your" in this case, like its assigning blame more than pointing out an issue, even when they don't mean it that way. what is this called, accusatory language? am i alone?.
12
3
79
@heyImMapleLeaf
MapleLeaf 🍁
1 year
shadcn and v0 catapulted radix AF, but y'all need to give @ariakitjs a try 👀 it's super well designed, and comes with a combobox!.
@steveruizok
Steve Ruiz
1 year
Headless component library trends, what a crazy year for @radix_ui
Tweet media one
5
4
84
@heyImMapleLeaf
MapleLeaf 🍁
3 years
@ryanflorence i don't usually express Takes on things, but. this ain't it. people have been asking for nested routing / layouts in Next for a long time before Remix existed. if this is satire ignore me 🙃.
0
0
80
@heyImMapleLeaf
MapleLeaf 🍁
2 years
casual reminder: close your fucking tabs.
29
6
79
@heyImMapleLeaf
MapleLeaf 🍁
1 year
actually honest tier chart attempt. insertion and layout effect were hard to rank, so they're center: "appropriately used, probably"
Tweet media one
@DavidKPiano
David K 🎹
1 year
I've ranked the React hooks so you don't have to
Tweet media one
6
10
79
@heyImMapleLeaf
MapleLeaf 🍁
6 months
Tweet media one
9
6
74
@heyImMapleLeaf
MapleLeaf 🍁
2 years
one annoying thing about the `routes` folder in SSR frameworks (or `pages` etc.) is having components for that page in separate files completely separated from that page in a whole other folder, even with feature-based file structure. what features/libs exist to help with this?.
18
2
78
@heyImMapleLeaf
MapleLeaf 🍁
2 years
here's a counter button in Next.js with the count stored in a cookie, updated via a server action. why doesn't this update?. here's the repo
10
2
77
@heyImMapleLeaf
MapleLeaf 🍁
1 year
@t3dotgg that's the most horrifying thing you could tweet right now 🫠.
0
0
80
@heyImMapleLeaf
MapleLeaf 🍁
2 years
you can pull my grid-cols-[repeat(auto-fill,minmax(theme(spacing.32),1fr))] from my cold dead hands.
@flaviocopes
flavio
2 years
People that love Tailwind and people that hate Tailwind are on two different tangents that will never meet 😂.
5
2
76
@heyImMapleLeaf
MapleLeaf 🍁
9 months
oh no
Tweet media one
9
1
75