# ![@DavidKPiano Avatar](https://lunarcrush.com/gi/w:26/cr:twitter::992126114.png) @DavidKPiano David K 🎹

David K 🎹 posts on X about ai, code, css, app the most. They currently have [------] followers and [---] posts still getting attention that total [------] engagements in the last [--] hours.

### Engagements: [------] [#](/creator/twitter::992126114/interactions)
![Engagements Line Chart](https://lunarcrush.com/gi/w:600/cr:twitter::992126114/c:line/m:interactions.svg)

- [--] Week [-------] -49%
- [--] Month [---------] +204%
- [--] Months [---------] +31%
- [--] Year [----------] +138%

### Mentions: [--] [#](/creator/twitter::992126114/posts_active)
![Mentions Line Chart](https://lunarcrush.com/gi/w:600/cr:twitter::992126114/c:line/m:posts_active.svg)

- [--] Months [---] +25%
- [--] Year [---] +17%

### Followers: [------] [#](/creator/twitter::992126114/followers)
![Followers Line Chart](https://lunarcrush.com/gi/w:600/cr:twitter::992126114/c:line/m:followers.svg)

- [--] Week [------] +0.43%
- [--] Month [------] +2.40%
- [--] Months [------] +9.60%
- [--] Year [------] +15%

### CreatorRank: [-------] [#](/creator/twitter::992126114/influencer_rank)
![CreatorRank Line Chart](https://lunarcrush.com/gi/w:600/cr:twitter::992126114/c:line/m:influencer_rank.svg)

### Social Influence

**Social category influence**
[technology brands](/list/technology-brands)  4.2% [social networks](/list/social-networks)  2.8% [stocks](/list/stocks)  1.4% [finance](/list/finance)  0.7%

**Social topic influence**
[ai](/topic/ai) 6.29%, [code](/topic/code) #1835, [css](/topic/css) 6.29%, [app](/topic/app) 4.9%, [this is](/topic/this-is) 4.2%, [javascript](/topic/javascript) 4.2%, [vercel](/topic/vercel) #108, [tools](/topic/tools) 3.5%, [funny](/topic/funny) 2.8%, [devs](/topic/devs) 2.8%

**Top accounts mentioned or mentioned by**
[@vercel](/creator/undefined) [@xstatestore](/creator/undefined) [@secmikehawk](/creator/undefined) [@kentcdodds](/creator/undefined) [@tejask](/creator/undefined) [@rauchg](/creator/undefined) [@statelyai](/creator/undefined) [@hiimmox](/creator/undefined) [@theprimeagen](/creator/undefined) [@codepen](/creator/undefined) [@scottjla](/creator/undefined) [@theunicornist](/creator/undefined) [@ledevnovice](/creator/undefined) [@merlindru](/creator/undefined) [@martin_casado](/creator/undefined) [@kiwicopple](/creator/undefined) [@convex](/creator/undefined) [@alexdotjs](/creator/undefined) [@taimurabdaal](/creator/undefined) [@leerob](/creator/undefined)

**Top assets mentioned**
[Cloudflare, Inc. (NET)](/topic/cloudflare)
### Top Social Posts
Top posts by engagements in the last [--] hours

"Before AI coding agents I'd constantly have [--] or [--] side-projects that I would struggle to finish AI completely changed the game Now I have 15-20 unfinished side-projects"  
[X Link](https://x.com/DavidKPiano/status/2011883622899519765)  2026-01-15T19:30Z 81K followers, 463.5K engagements


"If "it doesn't matter how it's coded as long as it works" was really true we'd still be coding all of our frontend apps in jQuery"  
[X Link](https://x.com/DavidKPiano/status/2023057526133084475)  2026-02-15T15:31Z 81K followers, 29.9K engagements


"@kiwicopple [--]. Good move [--]. This was unintentionally great advertising for @convex"  
[X Link](https://x.com/DavidKPiano/status/2017262106698031416)  2026-01-30T15:42Z 80.6K followers, [----] engagements


"The XState docs are fully LLM-friendly btw: https://stately.ai/llms-full.txt https://stately.ai/llms.txt https://stately.ai/llms-full.txt https://stately.ai/llms.txt"  
[X Link](https://x.com/DavidKPiano/status/2019092265277260243)  2026-02-04T16:54Z 80.6K followers, [----] engagements


"Can I still use en-dash It's literally just option+dash on macos super easy to do but it feels like an "LLM giveaway" Never used em-dash but that's also easyoption+shift+dash"  
[X Link](https://x.com/DavidKPiano/status/2019216595059634242)  2026-02-05T01:08Z 80.9K followers, [----] engagements


"If you think Opus [---] and GPT-5.3-Codex are impressive just wait til you see Opus [---] and GPT-5.4-Codex"  
[X Link](https://x.com/DavidKPiano/status/2019481784518328589)  2026-02-05T18:42Z 80.9K followers, 29.5K engagements


"If you're writing 10k lines of code per day 9k of those lines better be tests"  
[X Link](https://x.com/DavidKPiano/status/2019524796179181877)  2026-02-05T21:33Z 80.6K followers, 14.4K engagements


"I accidentally got DDOS'd by Cloudflare and I can't think of anything more ironic (probably my fault)"  
[X Link](https://x.com/DavidKPiano/status/2019761802377122157)  2026-02-06T13:15Z 80.7K followers, 14.2K engagements


"@kentcdodds I made a less humble version for you"  
[X Link](https://x.com/DavidKPiano/status/2019884326335156383)  2026-02-06T21:22Z 80.6K followers, [----] engagements


"@alexdotjs So happy for you Alex Joining the father club soon myself"  
[X Link](https://x.com/DavidKPiano/status/2019941142687531385)  2026-02-07T01:07Z 80.6K followers, [----] engagements


"By the way I'm not anti-AI I just want to be realistic about its capabilities instead of buying into the hype I vibrate code everyday just like the rest of you"  
[X Link](https://x.com/DavidKPiano/status/2020189656764350762)  2026-02-07T17:35Z 80.9K followers, 19.6K engagements


"@taimurabdaal I'm literally the creator of one of these tools and I agree with you"  
[X Link](https://x.com/DavidKPiano/status/2020189889858596903)  2026-02-07T17:36Z 80.6K followers, [----] engagements


"This is going to be really funny to read in [--] months Fast mode is more expensive to run. Its for urgent high-stakes projects combining impressive speed with Opus-level intelligence. Read more: https://t.co/UzhxsPhLIp Fast mode is more expensive to run. Its for urgent high-stakes projects combining impressive speed with Opus-level intelligence. Read more: https://t.co/UzhxsPhLIp"  
[X Link](https://x.com/DavidKPiano/status/2020245677679280526)  2026-02-07T21:17Z 80.6K followers, 23.2K engagements


"@leerob I expect lots of devs to mistakenly think that they need the more expensive modes for their CRUD apps without trying the cheaper models first"  
[X Link](https://x.com/DavidKPiano/status/2020529132761727087)  2026-02-08T16:04Z 80.6K followers, [----] engagements


"This is also a list of everything that average frontend devs are bad at Level up your own skills & hold the agent's hand for complex tasks; they're faster than you not always smarter than you tbh coding agents are still net-bad at real frontend tasks ❌ figma to code ❌ React.useEffect ❌ complex interactions / flows ❌ animations ❌ web performance ❌ responsive design ❌ ARIA ❌ drag and drop ❌ virtualized lists ❌ async data fetching ❌ mobile gestures tbh coding agents are still net-bad at real frontend tasks ❌ figma to code ❌ React.useEffect ❌ complex interactions / flows ❌ animations ❌ web"  
[X Link](https://x.com/DavidKPiano/status/2020531699344359880)  2026-02-08T16:14Z 80.8K followers, 30.1K engagements


"@levelsio Anthropic skips the "give back compute" step"  
[X Link](https://x.com/DavidKPiano/status/2021023977041428780)  2026-02-10T00:50Z 80.7K followers, [----] engagements


"Claude boasts that it won't have ads like OpenAI not realizing that its own models are the biggest advertisement for OpenAI they nerfed opus [---] what the holy fuck. this was quick. they nerfed opus [---] what the holy fuck. this was quick"  
[X Link](https://x.com/DavidKPiano/status/2021248450973544680)  2026-02-10T15:42Z 80.8K followers, [----] engagements


"@tejask @AmazinAz Codex would never"  
[X Link](https://x.com/DavidKPiano/status/2021325380225818829)  2026-02-10T20:48Z 80.7K followers, [---] engagements


"@RyanCarniato TDD is what will separate "obviously vibe-coded" software from "wow I can't believe this was vibe-coded" software"  
[X Link](https://x.com/DavidKPiano/status/2021377635650240980)  2026-02-11T00:15Z 80.9K followers, 18.2K engagements


"Challenge to all software engineers: don't use *any* AI assistance at all for [--] days. Let's see how good you can code naturally. The challenge will run on February 29th 30th and 31st"  
[X Link](https://x.com/DavidKPiano/status/2021672995509412325)  2026-02-11T19:49Z 80.8K followers, 10.3K engagements


"@shiva_baaba @Cloudflare 10x-ing their DX or @vercel adjusting pricing strategy for rapidly-scaling side-projects (this isn't the first time this happened)"  
[X Link](https://x.com/DavidKPiano/status/2021969585050964090)  2026-02-12T15:28Z 80.9K followers, [---] engagements


"@rauchg @vercel Awesome"  
[X Link](https://x.com/DavidKPiano/status/2021973036593713566)  2026-02-12T15:41Z 80.9K followers, [---] engagements


"I think it's reasonable to reach for something like @vercel because the DX is nice; the problem is it's *too convenient* and feels like the "happy-path" because it works Either they should introduce friction (ehh.) or avoid pricing surprises and gently lead towards the right path"  
[X Link](https://x.com/DavidKPiano/status/2021979559940305069)  2026-02-12T16:07Z 80.9K followers, [---] engagements


"Maybe I'm biased but working with @xstate/store (+ immer) and AI agents on complex UIs is *really* nice Everything is a trigger (event) transitions/effects are declarative event emitter is flexible undo/redo works out of the box and agents can move really fast with it"  
[X Link](https://x.com/DavidKPiano/status/2021985080634486811)  2026-02-12T16:29Z 80.9K followers, [----] engagements


"If I used something else I'd have to wire together a bunch of different things (especially for event emitter undo/redo effects etc.) and things would be a bit more disorganized For context: I'm building the next version of the @statelyai editor"  
[X Link](https://x.com/DavidKPiano/status/2021985391658807440)  2026-02-12T16:30Z 80.9K followers, [----] engagements


"@statelyai There's parts of this where full XState would make sense but I do want to stress-test @xstate/store - the simplicity can't be beat And I'm dogfooding @xstate/store to help inform the design of a much simpler XState v6 API"  
[X Link](https://x.com/DavidKPiano/status/2021985775706058937)  2026-02-12T16:32Z 80.9K followers, [----] engagements


"@base_ui Link for the lazy: https://base-ui.com/react/components/drawer https://base-ui.com/react/components/drawer"  
[X Link](https://x.com/DavidKPiano/status/2022029371108978907)  2026-02-12T19:25Z 80.9K followers, [----] engagements


"@sama Heck yeah translator app on Codex"  
[X Link](https://x.com/DavidKPiano/status/2021992645732839896)  2026-02-12T16:59Z 80.9K followers, [----] engagements


"@johnson_f1 It's not "bad" per se the app will still work but it incurs extra renders and makes the codebase more complicated than it needs to be"  
[X Link](https://x.com/DavidKPiano/status/2022103354579783755)  2026-02-13T00:19Z 80.9K followers, [----] engagements


"You should absolutely still care deeply about code AI agents thrive in well-organized codebases and will produce unmaintainable "technically working" slop in your messy codebase a lot of our recent hires care deeply about code how's it's written how to make it elegant how to make it easy to understand and a joy to maintain it's a counter bet in a field where most people are saying we won't be looking at code for much longer a lot of our recent hires care deeply about code how's it's written how to make it elegant how to make it easy to understand and a joy to maintain it's a counter bet in a"  
[X Link](https://x.com/DavidKPiano/status/2022118659049894077)  2026-02-13T01:20Z 80.9K followers, 13.4K engagements


"Hot take: this is noble but not a scalable solution that solves the underlying issue (surprisingly high costs at rapid scale) @rtwlz I'm happy to cover the bill myself and in the process help you guys optimize this usage. I've been impressed about how Vercel has enabled you to build this so fast and with the quality of the overall website. It's fast af. You've built something amazing that's become a global @rtwlz I'm happy to cover the bill myself and in the process help you guys optimize this usage. I've been impressed about how Vercel has enabled you to build this so fast and with the"  
[X Link](https://x.com/DavidKPiano/status/2021966889598046386)  2026-02-12T15:17Z 81K followers, 26.6K engagements


"@hiimmox In theory yes - need to test this out and write docs"  
[X Link](https://x.com/DavidKPiano/status/2022374508267807058)  2026-02-13T18:17Z 80.9K followers, [---] engagements


"In comparison this is how Discord decides when to send notifications "Design is easy" This is how Slack decides when to send notifications. https://t.co/23RL6lvkb6 "Design is easy" This is how Slack decides when to send notifications. https://t.co/23RL6lvkb6"  
[X Link](https://x.com/DavidKPiano/status/2019938037346738474)  2026-02-07T00:55Z 81K followers, 786.9K engagements


"Don't worry I berated it (Codex + Cursor btw)"  
[X Link](https://x.com/DavidKPiano/status/2021999241456234705)  2026-02-12T17:26Z 81K followers, 16.9K engagements


"Hey My general rule of thumb is that when you know your app logic has distinct "states" (modes phases etc.) where only specific actions/effects can happen in each state a full state machine with XState is a great way to model it. Otherwise you can use @xstate/store which is super small and flexible - it's like Zustand + Jotai (stores + atoms) combined and allows for easy migration to XState if you need it"  
[X Link](https://x.com/DavidKPiano/status/2023045228735905854)  2026-02-15T14:42Z 81K followers, [--] engagements


"I would love it if @vercel adjusted their pricing to make it impossible for rapidly-scaling projects to have unexpectedly high bills Like a controlled gradual ramp-up (eat the cost for the outliers) (disclaimer: I may not know what I'm talking about)"  
[X Link](https://x.com/DavidKPiano/status/2021970534699782427)  2026-02-12T15:31Z 81K followers, [----] engagements


"I don't care about how well a coding model performs in benchmarks I just want it to stop doing this"  
[X Link](https://x.com/DavidKPiano/status/2021998882063036882)  2026-02-12T17:24Z 81K followers, 176.7K engagements


"XState now supports "routable" states Mark any state with ID as routable with route: and transition from anywhere just like URL routes They're just root-level transitions without manual wiring"  
[X Link](https://x.com/DavidKPiano/status/2022332759717663128)  2026-02-13T15:31Z 81K followers, [----] engagements


"Things developers can read extremely fast: - Terms & conditions - Large pull requests - Whatever bash command AI wants to run"  
[X Link](https://x.com/DavidKPiano/status/2021273767234748799)  2026-02-10T17:23Z 81K followers, 27.5K engagements


"My commit messages are like "fixed typo" AI commit messages are like "Refactored string literal to resolve critical lexicographic deviation impacting end-user content integrity""  
[X Link](https://x.com/DavidKPiano/status/2022313410231153048)  2026-02-13T14:14Z 81K followers, 30.8K engagements


"Okay let's be real writing code was never the hard part. Understanding the problem making the tradeoffs knowing what (not) to build etc. LLMs made the typing 10x faster but it didn't make the thinking 10x easier. Also let's not pretend we were writing code in notepad before LLMs. We had frameworks generators libraries intellisense snippets autocomplete StackOverflow (RIP) and an entire ecosystem of abstractions designed to make writing code not *that* tedious. how did we ever write all that code by hand how did we ever write all that code by hand"  
[X Link](https://x.com/DavidKPiano/status/2022670822482071790)  2026-02-14T13:54Z 81K followers, 77K engagements


"What's funny is now LLMs are coding like cavemen like manually renaming every occurrence instead of using built-in IDE refactor tools manually writing package.jsons or setting up framework boilerplates line-by-line like tokens are free We never had to do that manually"  
[X Link](https://x.com/DavidKPiano/status/2022672211245699176)  2026-02-14T14:00Z 81K followers, [----] engagements


"@ThePrimeagen Wait I posted a "coding was never the hard part" tweet but it was more that the decisions behind the code are still hard but the physical coding part never was (after a certain skill level) I don't think we're disagreeing I do have a room temp IQ though so idk"  
[X Link](https://x.com/DavidKPiano/status/2023099558616834200)  2026-02-15T18:18Z 81K followers, [----] engagements


"React core team is probably sleeping post unholy React tips Did you know that you can use hooks inside of JSX You definitely shouldn't but you can"  
[X Link](https://x.com/DavidKPiano/status/1975936416657084678)  2025-10-08T14:48Z 75K followers, 57.3K engagements


"@ryanflorence I thought this was a new state management library"  
[X Link](https://x.com/DavidKPiano/status/1976623101937958958)  2025-10-10T12:17Z 75K followers, [----] engagements


"@joyofcodedev I'd rather write CSS too"  
[X Link](https://x.com/DavidKPiano/status/1977713775127015597)  2025-10-13T12:31Z 75.1K followers, [---] engagements


"@devagrawal09 Remix v3 is event-first which closely aligns with XState's philosophy"  
[X Link](https://x.com/DavidKPiano/status/1977779933155041307)  2025-10-13T16:54Z 75.1K followers, [----] engagements


"I don't know a single person who uses Remix v3"  
[X Link](https://x.com/DavidKPiano/status/1977901113593487371)  2025-10-14T00:55Z 75.1K followers, 36.5K engagements


"@kentcdodds Psh I can do the same thing in React with a useRef a superfluous useState and a couple eslint-disables"  
[X Link](https://x.com/DavidKPiano/status/1978176382292111800)  2025-10-14T19:09Z 75.1K followers, [----] engagements


"If you're not constantly keeping up to date with the latest AI technologies updates and announcements you are seriously falling behind (temporarily until something better comes out in [--] weeks)"  
[X Link](https://x.com/DavidKPiano/status/1978526142811304043)  2025-10-15T18:19Z 75.1K followers, [----] engagements


"💎#Codevember challenge for today: sapphire (and other birthstones) w/CSS vars and FLIP @codevember_ https://codepen.io/davidkpiano/full/RjaBpW https://codepen.io/davidkpiano/full/RjaBpW"  
[X Link](https://x.com/DavidKPiano/status/926911998402711552)  2017-11-04T20:40Z 69.5K followers, [--] engagements


"➡ New year new release Announcing xstate v3 - functional declarative finite state machines and statecharts for JS. 💻 Source: 📖 Docs: http://davidkpiano.github.io/xstate/docs https://github.com/davidkpiano/xstate http://davidkpiano.github.io/xstate/docs https://github.com/davidkpiano/xstate"  
[X Link](https://x.com/DavidKPiano/status/950388859656949761)  2018-01-08T15:28Z 69.6K followers, [---] engagements


"Looks like a local state machine Also consider @MicheleBertoli 's react-automata project for explicit automatically testable component FSMs: https://x.com/EricVicenti/status/964297341401313280 https://github.com/MicheleBertoli/react-automata This @reactjs pattern isn't popular enough: export reducers alongside components to declaratively define your state in addition to the view This is a wonderful illustration of it @replit (from https://t.co/HFbEWbN8rg) https://t.co/bIJ12HdOIj https://x.com/EricVicenti/status/964297341401313280 https://github.com/MicheleBertoli/react-automata This @reactjs"  
[X Link](https://x.com/DavidKPiano/status/964923502120742912)  2018-02-17T18:04Z 69.5K followers, [--] engagements


"JavaScript equality is wild"  
[X Link](https://x.com/anyuser/status/1041757473688969216)  2018-09-17T18:35Z 81K followers, [----] engagements


"Me: I think I'm done JavaScript: Looks good to me Me: Hope it works JS: I believe in you Me: . JS: undefined is not a function Me: I thi-- TypeScript: Nope Me: What abou-- TS: Wrong Me: . TS: cannot invoke an expression whose type lacks a call signature"  
[X Link](https://x.com/DavidKPiano/status/1052909749065408512)  2018-10-18T13:10Z 81K followers, [----] engagements


"The five stages of @typescriptlang: 🤨 Denial: "This doesn't make things any easier" 😠 Anger: "Missing index signature" 🤔 Bargaining: "any" 😞 Depression: "I have to refactor everything" 🙂 Acceptance: "Never doing another JS project without TS ever again""  
[X Link](https://x.com/DavidKPiano/status/1076610046266654723)  2018-12-22T22:46Z 81K followers, [----] engagements


"We really really really really really really really lly r e a l l y really really need you to learn CSS"  
[X Link](https://x.com/DavidKPiano/status/1091350403227271169)  2019-02-01T14:59Z 81K followers, [----] engagements


""Solving" a software problem by saying which tools or framework you'll use is like solving a math problem by saying which calculator you'll use. 🧮"  
[X Link](https://x.com/DavidKPiano/status/1109081941201076224)  2019-03-22T13:18Z 81K followers, [----] engagements


""I know enough TypeScript to be dangerous" "Yeah How much TypeScript is that" "any""  
[X Link](https://x.com/DavidKPiano/status/1123929297234857984)  2019-05-02T12:36Z 81K followers, [----] engagements


"Developers: "I guess accessibility is important to some people we'll get around to it" Developers at conferences: 🗣 "CAN YOU INCREASE THE FONT SIZE I CAN'T READ THE CODE""  
[X Link](https://x.com/DavidKPiano/status/1138406539205722112)  2019-06-11T11:24Z 81K followers, [----] engagements


"🚀 Let's get visual. Excited to announce a major update to XState viz - you can now 💾 save 🔗 share and 🍴 fork statechart visualizations as well as many more features + enhancements. Try it out: Example: https://xstate.js.org/viz/gist=b96f3aa4f7693d8902dff42c342af640 http://xstate.js.org/viz https://xstate.js.org/viz/gist=b96f3aa4f7693d8902dff42c342af640 http://xstate.js.org/viz"  
[X Link](https://x.com/DavidKPiano/status/1150805037108617216)  2019-07-15T16:31Z 81K followers, [----] engagements


".red + .blue 🔴🔵 (adjacent sibling) .red .blue 🔴.🔵 (general sibling) .red .blue 🔴 🔵 (direct descendent) .red .blue 🔴 . . . . . . . . . . . 🔵 (literally no idea)"  
[X Link](https://x.com/DavidKPiano/status/1157019363255508992)  2019-08-01T20:04Z 81K followers, [----] engagements


"Developers: lets/ store files in some/ super organized opinionated/ hierarchical structure Also developers: import something from "./././././././""  
[X Link](https://x.com/DavidKPiano/status/1162021799200198656)  2019-08-15T15:22Z 81K followers, [----] engagements


"There's a lot of confusion between what transpilers compilers and interpreters are. Transpilation *is* compilation. TypeScript is *compiled* to JavaScript JavaScript is *interpreted* to Java by recruiters"  
[X Link](https://x.com/DavidKPiano/status/1182680753647296513)  2019-10-11T15:33Z 81K followers, [----] engagements


"TypeScript is great because instead of coding for less than an hour and debugging for [--] hours you can code for [--] hours and debug for less than an hour"  
[X Link](https://x.com/DavidKPiano/status/1195104638078455811)  2019-11-14T22:22Z 81K followers, [----] engagements


"can(2020) .beTheYear() .thatWeStop() .making(apis && libraries) .thatLookLike(this).please; (or am I the only one who doesn't like overused builder patterns)"  
[X Link](https://x.com/DavidKPiano/status/1200507988529860609)  2019-11-29T20:13Z 81K followers, [----] engagements


"What I hear whenever someone complains about using a helpful [--] KB dependency in their [---] MB JavaScript app"  
[X Link](https://x.com/DavidKPiano/status/1218234676697096193)  2020-01-17T18:12Z 81K followers, [----] engagements


"E2E tests make sure the app is working properly. Integration tests make sure the code is working properly. Unit tests make sure the developer is working properly"  
[X Link](https://x.com/DavidKPiano/status/1218552334680317953)  2020-01-18T15:14Z 81K followers, [----] engagements


"Developers sitting in meetings and fixing CSS bugs all day: "Funny how I get paid for this" Developers working on open-source software that thousands of companies and developers depend on: "Funny how I don't get paid for this""  
[X Link](https://x.com/DavidKPiano/status/1221817043294588933)  2020-01-27T15:27Z 81K followers, [----] engagements


"Developers sitting in meetings and fixing CSS bugs all day: "Funny how I get paid for this" Developers working on open-source software that thousands of companies and developers depend on: "Funny how I don't get paid for this" Developers sitting in meetings and fixing CSS bugs all day: "Funny how I get paid for this" Developers working on open-source software that thousands of companies and developers depend on: "Funny how I don't get paid for this""  
[X Link](https://x.com/DavidKPiano/status/1222116333313236994)  2020-01-28T11:16Z 81K followers, [----] engagements


"I am convinced that the fastest way to refactor code (for better or worse) is to just post it on Twitter and wait a couple minutes"  
[X Link](https://x.com/DavidKPiano/status/1226595649979850753)  2020-02-09T19:56Z 81K followers, [----] engagements


"GitHub is acquiring all of npm. That's going to take them forever to download"  
[X Link](https://x.com/DavidKPiano/status/1239612920348184585)  2020-03-16T18:02Z 81K followers, [----] engagements


"It's amazing how often the difference between "I'll never understand how to do this" and "I'm pretty comfortable doing this" is literally just trying it once"  
[X Link](https://x.com/DavidKPiano/status/1246534121859493889)  2020-04-04T20:24Z 81K followers, [----] engagements


"If you're new to web dev the difference between HTML CSS and JS might be confusing. Let's clear it up: HTML is how the website is *structured* CSS is how the website *looks* JS is how the website *works* .and how it sometimes *stops working*"  
[X Link](https://x.com/DavidKPiano/status/1251893682921488384)  2020-04-19T15:21Z 81K followers, [----] engagements


"Quick CSS tip: did you know that you can use "empty" values to conditionally apply styles with CSS variables --some-var: /**/; var(--some-var value); I call it the prop-and-lock technique since it works like canal locks ⛴🔒 https://codepen.io/davidkpiano/pen/WNrYNLg https://codepen.io/davidkpiano/pen/WNrYNLg"  
[X Link](https://x.com/DavidKPiano/status/1284155737720205313)  2020-07-17T15:59Z 81K followers, [----] engagements


"CSS-only 🤯 I made an SVG to show off Space Toggle as a state machine - no JS required Vanilla #CSS binary logic goodness Check it out here and lmk what you think https://t.co/a6LgqyB856 https://t.co/UyXowLllIF I made an SVG to show off Space Toggle as a state machine - no JS required Vanilla #CSS binary logic goodness Check it out here and lmk what you think https://t.co/a6LgqyB856 https://t.co/UyXowLllIF"  
[X Link](https://x.com/DavidKPiano/status/1284506943361634304)  2020-07-18T15:14Z 81K followers, [----] engagements


"🔢 Quick tip: if you're sorting an array in JS and keep forgetting how to write the compare functions (like I do) here's a mnemonic device: (a z) = a - z // ascending like "a to z" (a z) = z - a // descending like "z to a" Hope this helps someone"  
[X Link](https://x.com/DavidKPiano/status/1292237580780605440)  2020-08-08T23:13Z 81K followers, [----] engagements


"Facebook is extremely over-engineered for a birthday reminder app"  
[X Link](https://x.com/DavidKPiano/status/1299752119893884929)  2020-08-29T16:53Z 81K followers, 49.5K engagements


"I'm just kidding; they also undermine democracy and do massive user data collection at scale which requires a lot of engineering effort"  
[X Link](https://x.com/DavidKPiano/status/1299753586222563328)  2020-08-29T16:59Z 81K followers, [----] engagements


"🚀 Excited to launch the first of many future tools on the XState Inspector Visualize and control any machine in your apps regardless of framework in real-time. Integrate it with one line of code. http://statecharts.io http://statecharts.io"  
[X Link](https://x.com/anyuser/status/1300831255181832192)  2020-09-01T16:21Z 81K followers, [----] engagements


"It's funny how tech companies are lazy about diversity & inclusion but absolutely insistent on supporting IE11 for like [--] users"  
[X Link](https://x.com/DavidKPiano/status/1308033442190438402)  2020-09-21T13:20Z 81K followers, [----] engagements


"Fun fact: the variable i in for-loops (e.g. for (var i = 0; i 10; i++)) stands for "index". In nested loops j stands for "jndex" and k stands for "kndex""  
[X Link](https://x.com/DavidKPiano/status/1313115721107419137)  2020-10-05T13:55Z 81K followers, [----] engagements


"Ever have one of those days where you have a solid 2-hour burst of productivity and then feel unproductive for the next [--] months"  
[X Link](https://x.com/DavidKPiano/status/1316023970118864896)  2020-10-13T14:32Z 81K followers, [----] engagements


".meeting + .meeting margin-top: 15min important;"  
[X Link](https://x.com/DavidKPiano/status/1354162849023713280)  2021-01-26T20:22Z 81K followers, [----] engagements


"The life of an OSS maintainer 😅"  
[X Link](https://x.com/DavidKPiano/status/1355206813231280129)  2021-01-29T17:30Z 81K followers, [----] engagements


"I love TypeScript. It keeps me from coding too fast"  
[X Link](https://x.com/DavidKPiano/status/1362787204058263558)  2021-02-19T15:32Z 81K followers, [----] engagements


"1. Write messy code (MVP deadline) [--]. Ship it ASAP [--]. Now refac Fix showstopper bugs [--]. Fix bugs that bugfixes caused [--]. Okay now refac Add new features [--]. Fix bugs that features caused [--]. Unfix bugs that users thought were a feature [--]. Refac More features . [---]. Refactor"  
[X Link](https://x.com/DavidKPiano/status/1366036658475339786)  2021-02-28T14:44Z 81K followers, [----] engagements


"Types of open-source libraries"  
[X Link](https://x.com/DavidKPiano/status/1388495897827414016)  2021-05-01T14:09Z 81K followers, [----] engagements


"I don't believe that form input validity is boolean. There should be at least [--] states: - Valid - Invalid - I literally just started typing can you at least wait until I'm done before you yell at me"  
[X Link](https://x.com/DavidKPiano/status/1394633875448635395)  2021-05-18T12:40Z 81K followers, [----] engagements


"❌ Front-end is harder than back-end ❌ Back-end is harder than front-end ✅ Both front-end and back-end have many different areas of focus with really deep rabbit holes so their difficulty is asymptotically equivalent"  
[X Link](https://x.com/DavidKPiano/status/1415335647670374406)  2021-07-14T15:41Z 81K followers, [----] engagements


"Devs on the job hunt: you're in really high demand right now. You should be interviewing them just as much as they are interviewing you. Ask them about benefits. Ask them about company culture. Ask them to implement a string-to-integer conversion algorithm on their whiteboard"  
[X Link](https://x.com/DavidKPiano/status/1422574367381278726)  2021-08-03T15:05Z 81K followers, [----] engagements


"TypeScript has really good garbage collection It just marked half of my code as garbage"  
[X Link](https://x.com/DavidKPiano/status/1435958417655488515)  2021-09-09T13:29Z 81K followers, [----] engagements


"I'm convinced that being an expert in a technology is less "I am very smart and memorized the docs" and more "I struggled enough to know the workarounds to most of the weird parts""  
[X Link](https://x.com/DavidKPiano/status/1501688980865454080)  2022-03-09T22:38Z 81K followers, [----] engagements


"Loved this cursor glow by @linear so much that I had to recreate it with CSS and a little bit of JS on @CodePen: 🔗 It uses CSS variables radial gradients and a clever inset to achieve the effect ✨ https://codepen.io/davidkpiano/pen/gOoNZNe This is neat the cursor glow hits the edges of neighboring boxes but doesn't illuminate their fills until the mouse actually crosses over. Lovely work as always 😍 https://t.co/DPMrtDCzq3 https://codepen.io/davidkpiano/pen/gOoNZNe This is neat the cursor glow hits the edges of neighboring boxes but doesn't illuminate their fills until the mouse actually"  
[X Link](https://x.com/DavidKPiano/status/1519044837223411717)  2022-04-26T20:04Z 81K followers, [----] engagements


"useEffect tip: don't"  
[X Link](https://x.com/DavidKPiano/status/1521920584975667201)  2022-05-04T18:31Z 81K followers, [----] engagements


"💥 React tip: if you have an effect that needs to be executed when your app starts it's definitely okay to execute it *outside* the component and *not* in useEffect(). This is especially true if the effect should only execute once which is an unavoidable constraint sometimes"  
[X Link](https://x.com/DavidKPiano/status/1533798980596940800)  2022-06-06T13:12Z 81K followers, [----] engagements


"⚛ React tip: did you know that you can use the key prop to "reset" individual components They're not only for lists Changing the key creates a new instance of the component. No more useState/useEffect juggling for these resetting use-cases. Demo: https://codesandbox.io/s/using-keys-for-mounting-new-components-pmt91l https://codesandbox.io/s/using-keys-for-mounting-new-components-pmt91l"  
[X Link](https://x.com/DavidKPiano/status/1539305613745868801)  2022-06-21T17:53Z 81K followers, [----] engagements


"One of my favorite quick refactoring techniques is to keep the old function/method around and assert ✅ that the outputs are the same in development. This lets you validate refactors before writing tests. I use this with the Strangler Fig pattern: https://docs.microsoft.com/en-us/azure/architecture/patterns/strangler-fig https://docs.microsoft.com/en-us/azure/architecture/patterns/strangler-fig"  
[X Link](https://x.com/DavidKPiano/status/1546139706580238342)  2022-07-10T14:30Z 81K followers, [----] engagements


"Async/await is *too* convenient sometimes. One of the most common mistakes I've seen is missing try/catch blocks for handling errors. Assume every awaited statement can reject ⚠ Try to catch this in code reviews"  
[X Link](https://x.com/DavidKPiano/status/1561082799515262976)  2022-08-20T20:08Z 81K followers, [----] engagements


"⚛ React tip: when conditionally rendering component based on some string enum (like a role) use an object to map enum values to components. This can be cleaner than using conditional operators and it keeps the logic organized & clear"  
[X Link](https://x.com/DavidKPiano/status/1564950527477252098)  2022-08-31T12:17Z 81K followers, [----] engagements


"⚛ React tip: for most forms you don't need useState(). or any hooks at all You can read form data directly from the form by element name: Object.fromEntries(new FormData(formEl)); You don't even need a form library most of the time"  
[X Link](https://x.com/DavidKPiano/status/1569361453928300545)  2022-09-12T16:25Z 81K followers, [----] engagements


"GitHub Copilot is really amazing. I used to spend hours writing error-prone & sometimes incorrect code manually but now that error-prone incorrect code is automatically generated in seconds"  
[X Link](https://x.com/DavidKPiano/status/1596175766299213825)  2022-11-25T16:15Z 81K followers, [----] engagements


"@gabegreenberg Make it $2 million and I'll also never use JavaScript again"  
[X Link](https://x.com/DavidKPiano/status/1621681790812397568)  2023-02-04T01:27Z 81K followers, 68.7K engagements


"ChatGPT will never fully replace developers because there are still extremely difficult unsolved problems in software development like whether or not to git rebase"  
[X Link](https://x.com/DavidKPiano/status/1621932373418844160)  2023-02-04T18:03Z 81K followers, 124.2K engagements


"Completely rewriting your codebase is a great way to eliminate legacy bugs and replace them with modern bugs"  
[X Link](https://x.com/DavidKPiano/status/1632918122218024960)  2023-03-07T01:36Z 81K followers, 67.1K engagements


"We're making it even easier to create state diagrams. ➡ state . new"  
[X Link](https://x.com/DavidKPiano/status/1652038443105394694)  2023-04-28T19:53Z 81K followers, 339.1K engagements


"Software estimation is hard"  
[X Link](https://x.com/DavidKPiano/status/1654579006258425856)  2023-05-05T20:09Z 81K followers, 244.3K engagements


"✨ JavaScript tip: my new favorite way to turn an array into a key-value mapped object is by using Object.fromEntries(.) Doesn't seem obvious at first but it's really concise: Object.fromEntries( arr .map(item = item.key item.value) );"  
[X Link](https://x.com/anyuser/status/1690725517429727232)  2023-08-13T14:02Z 81K followers, 222.3K engagements


"useEffect was a mistake useEffect was a mistake"  
[X Link](https://x.com/DavidKPiano/status/1708523908414988500)  2023-10-01T16:46Z 81K followers, 352K engagements


"XState v5 is finally here 🚀 Express any logic from promises to state machines Much simpler API Massively improved TypeScript experience Smaller bundle size zero deps Advanced statechart features New docs examples++ npm i xstate"  
[X Link](https://x.com/anyuser/status/1730628407275270192)  2023-12-01T16:42Z 81K followers, 160.2K engagements


"When a developer finally learns about state machines"  
[X Link](https://x.com/anyuser/status/1808575094026830325)  2024-07-03T18:54Z 81K followers, 207.9K engagements


"Okay listen. If you're going to fetch in useEffect(.) you should at least make sure that you're handling: - Loading states - Error handling (rejections & HTTP error codes) - Race conditions & cancellation This isn't over-engineering. It's the minimum code to prevent bugs"  
[X Link](https://x.com/anyuser/status/1816100492570722320)  2024-07-24T13:17Z 81K followers, 143.6K engagements


"Had to make this"  
[X Link](https://x.com/DavidKPiano/status/1819133072060657894)  2024-08-01T22:08Z 81K followers, 135.5K engagements


"Interviewer: Invert this binary tree Junior dev: Here's the algorithm I memorized Experienced dev: Let me find a library for that Senior dev: Does inverting the tree align with our core business objectives"  
[X Link](https://x.com/anyuser/status/1833517934368723298)  2024-09-10T14:48Z 81K followers, 609.6K engagements


"Fun fact: "auth" is short for "it's either authentication or authorization but I don't remember the difference right now""  
[X Link](https://x.com/DavidKPiano/status/1835664938842398752)  2024-09-16T13:00Z 81K followers, 122.9K engagements


"Fun discovery: the National Hurricane Center (NHC) website still uses map and area elements for these clickable graphics. It works without JS and can be easily made accessible (area & img elements need alt text)"  
[X Link](https://x.com/anyuser/status/1843484425704878419)  2024-10-08T02:51Z 81K followers, 172.5K engagements


"today is national enemy day everyone post your nemesis today is national enemy day everyone post your nemesis"  
[X Link](https://x.com/anyuser/status/1843741935409955194)  2024-10-08T19:55Z 81K followers, 425.5K engagements


"If you have index files in your app code that look like this just delete them ❌ Import directly; avoid barrel files. They don't really make your codebase more organized and have a bunch of downsides"  
[X Link](https://x.com/anyuser/status/1845832863494574383)  2024-10-14T14:23Z 81K followers, 370.5K engagements


"TypeScript tip: stop using optional properties so much in your internal app logic. ❌ prop: string; ✅ prop: string undefined; Being explicit about undefined values eliminates the silent bugs that happen when you forget to provide a value"  
[X Link](https://x.com/anyuser/status/1856701854102557026)  2024-11-13T14:13Z 81K followers, 159.6K engagements


"🔲 Merge Conflict: Accept All Current 🔲 Merge Conflict: Accept All Incoming ☑ Merge Conflict: Accept the things I cannot change the courage to change the things I can and the wisdom to know the difference"  
[X Link](https://x.com/anyuser/status/1863435977072751039)  2024-12-02T04:12Z 81K followers, 67.3K engagements


"@thekitze To be fair all you need is the name of the things and their versions not all the silly quotes and curly braces"  
[X Link](https://x.com/DavidKPiano/status/1872269521740063146)  2024-12-26T13:13Z 81K followers, 49.3K engagements


"AI coding tools really like using useState() and useEffect() a lot in React apps This is very good news for experienced React devs worried that their jobs are going to be replaced"  
[X Link](https://x.com/anyuser/status/1920158624560640137)  2025-05-07T16:47Z 81K followers, 125.2K engagements


"Most devs (+ managers CTOs etc.) don't realize that the cost of rewriting their messy legacy codebase from the ground up w/ modern tools is probably much lower than they think. Maintaining & adding features to existing tech debt will likely cost more in the long run"  
[X Link](https://x.com/anyuser/status/1922644723363119516)  2025-05-14T13:26Z 81K followers, 127.9K engagements


"@jacobmparis That's easy URL stands for Uniform Resource Locator URI stands for Uniform Resource Iocator"  
[X Link](https://x.com/anyuser/status/1928585047302402264)  2025-05-30T22:51Z 81K followers, 113.6K engagements


"I wonder how much code out there is unnecessarily slow because it looks like this: const a = await taskA() const b = await taskB() instead of: const a b = await Promise.all(taskA taskB) Async/await is a really convenient footgun"  
[X Link](https://x.com/anyuser/status/1930298592075382994)  2025-06-04T16:20Z 81K followers, 252.6K engagements


"Me: "What's wrong" React: "Uncaught Error: Maximum update depth exceeded 😡" Me: "Where" React: "Guess 🤭""  
[X Link](https://x.com/anyuser/status/1936424817390948583)  2025-06-21T14:03Z 81K followers, 48.5K engagements


"Why hire a $150k/year dev when you can just pay $200/month for an AI coding agent and $200k/year for a dev to fix its code"  
[X Link](https://x.com/anyuser/status/1949802612108189999)  2025-07-28T12:02Z 81K followers, 212.6K engagements


"In JS there are [--] main ways to create infinite loops: [--]. while (true) . [--]. for (;;) . [--]. recursion [--]. useEffect + useState"  
[X Link](https://x.com/anyuser/status/1951621214859841725)  2025-08-02T12:28Z 81K followers, 86K engagements


"Vibe coding is incredible. I built a working MVP of a complex browser extension in just [--] days. Here's how: Day 1: Prompted the coding agent and watched it struggle through two different extension frameworks Day 2: Read the docs and coded it myself with light LLM assistance"  
[X Link](https://x.com/anyuser/status/1952795199706427893)  2025-08-05T18:13Z 81K followers, 108.9K engagements


"It's Monday survey the damage cry a little and start cleaning up It's Friday delegate your work to coding agent and start your weekend early https://t.co/BmKbm2WVn9 It's Friday delegate your work to coding agent and start your weekend early https://t.co/BmKbm2WVn9"  
[X Link](https://x.com/anyuser/status/1954222822974267808)  2025-08-09T16:46Z 81K followers, 146.8K engagements


"POV: you're a couple dozen "You're absolutely right"s deep and your problem still hasn't been solved"  
[X Link](https://x.com/anyuser/status/1961138992524439832)  2025-08-28T18:49Z 81K followers, 114.4K engagements


"useEffect doesn't cause bugs Developers who misuse useEffect cause bugs React was a mistake 😭 https://t.co/KslFvs1caG React was a mistake 😭 https://t.co/KslFvs1caG"  
[X Link](https://x.com/anyuser/status/1967654653908472177)  2025-09-15T18:20Z 81K followers, 229.5K engagements


"If you're using Tailwind don't sleep on child selectors. They clean up your styles and eliminate repetition. Vibe coding agents aren't smart enough to do this. (if you're using CSS keep scrolling)"  
[X Link](https://x.com/anyuser/status/1969054758318051432)  2025-09-19T15:03Z 81K followers, 427K engagements


"Imagine if the React core team started using directives [--] years ago"  
[X Link](https://x.com/anyuser/status/1981470720166154567)  2025-10-23T21:20Z 81K followers, 107.9K engagements


"The more I use AI to code the less I "use" it"  
[X Link](https://x.com/anyuser/status/1987138041169801595)  2025-11-08T12:40Z 81K followers, 220.4K engagements


"I have no idea what to name my baby At this point I'll just name him "utils""  
[X Link](https://x.com/anyuser/status/1988995307107917940)  2025-11-13T15:40Z 81K followers, 240.8K engagements


"🏠 New @CodePen: CSS Responsive House (with a sprinkle of JS) based on an awesome @dribbble by @galgalshir - https://codepen.io/davidkpiano/full/xLKBpM/ https://codepen.io/davidkpiano/full/xLKBpM/"  
[X Link](https://x.com/DavidKPiano/status/889192282116808705)  2017-07-23T18:35Z 81K followers, [----] engagements


"I've noticed this lately: Sometimes a 100-line code change takes under an hour. And sometimes a 1-line code change takes over a day. 📅 Please don't judge effort by lines of code written"  
[X Link](https://x.com/DavidKPiano/status/979366827116695552)  2018-03-29T14:37Z 81K followers, [----] engagements


"The levels of testing code"  
[X Link](https://x.com/DavidKPiano/status/988362496154185728)  2018-04-23T10:22Z 81K followers, [----] engagements

Limited data mode. Full metrics available with subscription: lunarcrush.com/pricing