1,022 Photos and videos
tim arney retweeted
24 Jan 2024
CSS Trick 📏
Auto resizing textarea and input with one line 🔥
textarea, input { field-sizing: content; }
Read all about it in Steph's article 👇 It's landing soon!
twitter.com/jh3yy/status/173…
23 Jan 2024
📚New on the blog: Better form UX with the CSS property `field-sizing`
blog.stephaniestimac.com/pos…
11
133
1,039
96,563
tim arney retweeted
8 Nov 2023
Thanks to `flushSync`, you can finally manage focus in React again 🙌 (but I will always love this.setState)
82
166
1,791
598,912
tim arney retweeted
I'm compiling a list of "recipes" for block developers for a new workshop I'm calling The Block Developers Cookbook.
I have a number already but am always looking for more. Please share them as issues on my repo -
kdta.io/ieQF3
2
11
39
2,590
tim arney retweeted
16 Aug 2023
Tip: @ChromeDevTools can now override the content of Fetch/XHR requests! Great for mocking APIs without waiting on backend changes!
This and lots more in Chrome 117: bit.ly/wnd117
53
657
2,915
306,160
tim arney retweeted
14 Jun 2023
Did you know that React considers APIs like cloneElement, React.Children, and createElement to be legacy? They aren’t recommended for newly written code, and the docs have some alternative suggestions. Be careful using patterns that rely on these.
react.dev/reference/react/le…
7
19
240
57,822
> 'FuzzyHighlighter' cannot be used as a JSX component.
@mattpocockuk curious if you could explain what's going on with this React component type error.
codesandbox.io/p/sandbox/mud…
1
192
tim arney retweeted
9 Jun 2023
Most sandboxes in CodeSandbox are stored in a Postgres database.
40M sandboxes and 400M files stored in Postgres, and we still have performant load times.
When going with Postgres, I thought "this is the first thing we'll have to replace". Still didn't happen after 6 years 🤷
8 Jun 2023
In 2020 Figma started hitting growing pains with their single managed Postgres database.
That means they managed to grow to a $2B company on a single mged instance.
I bet at they hired engineers around this time who grumbled about not picking a more ‘scalable’ tech.
12
143
1,447
368,363
tim arney retweeted
4 May 2023
A 🤯 feature of Server Actions is they support progressive enhancement: a server function passed to a <form>'s action prop is interactive before any JS has loaded. No hydration required.
But you did you know you can define actions on the client, too? nextjs.org/blog/next-13-4#se…
4
37
175
37,026
tim arney retweeted
3 May 2023
React.ComponentProps is such a lifesaver, and more folks need to know about it.
16
195
1,347
106,584
tim arney retweeted
25 Apr 2023
DX in @liveblocks is absolutely mad.
See this React hook?
It grabs a real-time object named `person`. Every time the object changes, this hook automatically updates with the new value.
No back end, no setting up WebSockets 🤯 it just works.
ALT // { name: "Rachel", age: 30 } const person = useStorage((root) => root.person);
13
33
556
188,058
> Three JavaScript Operators You Should, But Maybe Don't, Know
👀
??=
||=
&&=
youtube.com/shorts/gmkdMTFg_…
123
If you ever run into which type do I use... ReactNode, ReactElement, JSX.Element etc...
Found this - which helps uncover the mystery
Understanding React's types
youtube.com/watch?v=u_zoRJh9…
x.com/mattpocockuk/status/16…
16 Mar 2023
React's JSX typings are a little bit broken.
TypeScript lets you render all the right stuff _inside_ components.
But it's much more restrictive on what you can return from your components.
Here's a handy diagram.
ALT Diagram showing the different React types that can be rendered inside/returned from components.
4
32
4,413
tim arney retweeted
4 Apr 2023
Damn, we just found a solution to a really hard accessibility problem, I don't think this has been done before:
How do you make this component fully keyboard accessible if both icon and px are buttons and this component is part of a list, so I don't want to tab through each 3x?
23
1
112
54,083
tim arney retweeted
15 Mar 2023
useRef is pretty weird in TypeScript.
Here's a couple of gotchas that I always run into:
30
109
1,165
247,707
New article! 🚀
Do you want to prevent empty re-renders in React child components without sacrificing the readability or maintainability of your codebase?
Forget about `memo` and `PureComponent`!
Do this instead 👇
whereisthemouse.com/react-co…
3
18
70