Wooyeong Kim
@wooing.bsky.social
Reposted by Wooyeong Kim
📚 Had to post this a lot on the other platform lately and apparently, it blows people's mind that this is possible. I wrote it over 2 years ago, and callback refs will only get better in v19 because they will get cleanup functions. Have a read:
tkdodo.eu/blog/avoidin...
tkdodo.eu/blog/avoidin...
Avoiding useEffect with callback refs
Interacting with DOM nodes doesn't necessarily need useEffect
tkdodo.eu
November 22, 2024 at 8:05 AM
📚 Had to post this a lot on the other platform lately and apparently, it blows people's mind that this is possible. I wrote it over 2 years ago, and callback refs will only get better in v19 because they will get cleanup functions. Have a read:
tkdodo.eu/blog/avoidin...
tkdodo.eu/blog/avoidin...
Using regex for advanced search in VSCode (or Cursor) feels great.
Looking for: A file where something with the name 'FontFamily' is imported and also the word 'ko' appears.
Search regex: (import.*FontFamily(.|\n)*ko)
Result:
Looking for: A file where something with the name 'FontFamily' is imported and also the word 'ko' appears.
Search regex: (import.*FontFamily(.|\n)*ko)
Result:
December 12, 2024 at 4:21 AM
Using regex for advanced search in VSCode (or Cursor) feels great.
Looking for: A file where something with the name 'FontFamily' is imported and also the word 'ko' appears.
Search regex: (import.*FontFamily(.|\n)*ko)
Result:
Looking for: A file where something with the name 'FontFamily' is imported and also the word 'ko' appears.
Search regex: (import.*FontFamily(.|\n)*ko)
Result:
Reposted by Wooyeong Kim
just flagging that this is a UI mockup and the list of features doesn’t necessarily match what will be released. we need to get better at avoiding setting expectations via mockups since it’s open source so people poke at every branch
December 7, 2024 at 12:30 AM
just flagging that this is a UI mockup and the list of features doesn’t necessarily match what will be released. we need to get better at avoiding setting expectations via mockups since it’s open source so people poke at every branch
TIL you can use x-forwarded-host and x-forwarded-proto headers in NextJS to get the request origin of the environment where the code is running.
This will get you, for example:
- "http://localhost:3000" in dev
- "https://test.example.com" in test
- "https://example.com" in prod
This will get you, for example:
- "http://localhost:3000" in dev
- "https://test.example.com" in test
- "https://example.com" in prod
December 10, 2024 at 3:47 AM
TIL you can use x-forwarded-host and x-forwarded-proto headers in NextJS to get the request origin of the environment where the code is running.
This will get you, for example:
- "http://localhost:3000" in dev
- "https://test.example.com" in test
- "https://example.com" in prod
This will get you, for example:
- "http://localhost:3000" in dev
- "https://test.example.com" in test
- "https://example.com" in prod
Reposted by Wooyeong Kim
Tanstack Start doing doing server calls a bit different than React Server Components.
You can write the client and server logic in the same file and it replaces it with fetch calls when run on the client.
No "use client", no errors with client APIs in server components, etc..
watch at 0.5× 😆
You can write the client and server logic in the same file and it replaces it with fetch calls when run on the client.
No "use client", no errors with client APIs in server components, etc..
watch at 0.5× 😆
November 29, 2024 at 4:42 PM
Tanstack Start doing doing server calls a bit different than React Server Components.
You can write the client and server logic in the same file and it replaces it with fetch calls when run on the client.
No "use client", no errors with client APIs in server components, etc..
watch at 0.5× 😆
You can write the client and server logic in the same file and it replaces it with fetch calls when run on the client.
No "use client", no errors with client APIs in server components, etc..
watch at 0.5× 😆
Reposted by Wooyeong Kim
"I always bet on stable technologies"
November 26, 2024 at 10:10 AM
"I always bet on stable technologies"
Reposted by Wooyeong Kim
React Router v7 is here!
With framework mode, everything that made Remix great is now built into React Router.
remix.run/blog/react-r...
With framework mode, everything that made Remix great is now built into React Router.
remix.run/blog/react-r...
React Router v7
React Router v7 brings all the great things you love from Remix back to React Router
remix.run
November 22, 2024 at 10:28 PM
React Router v7 is here!
With framework mode, everything that made Remix great is now built into React Router.
remix.run/blog/react-r...
With framework mode, everything that made Remix great is now built into React Router.
remix.run/blog/react-r...
This.
The thing about technical interviews is that there’s an element of randomness in them.
Suppose the question is about calculating prime numbers. If you happened to do something similar last week, you’ll breeze through the interview. If you’ve never worked with them before, you’ll probably struggle.
Suppose the question is about calculating prime numbers. If you happened to do something similar last week, you’ll breeze through the interview. If you’ve never worked with them before, you’ll probably struggle.
November 22, 2024 at 4:44 PM
This.
Reposted by Wooyeong Kim
a few common Bluesky misconceptions i see in articles
November 15, 2024 at 4:01 AM
a few common Bluesky misconceptions i see in articles
Reposted by Wooyeong Kim
any React Native performance experts willing to lend a hand? i’ve been debugging feed scrolling perf on low-end Android for the past week but couldn’t make meaningful improvements. it’s very choppy on Galaxy A12, especially when scrolling past videos (but not exclusively). any help is appreciated!
November 16, 2024 at 5:59 PM
any React Native performance experts willing to lend a hand? i’ve been debugging feed scrolling perf on low-end Android for the past week but couldn’t make meaningful improvements. it’s very choppy on Galaxy A12, especially when scrolling past videos (but not exclusively). any help is appreciated!
Reposted by Wooyeong Kim
[email protected] is out today with a replacement for sibling pre-rendering. Give it a try and maybe we can ship React 19 soon?
github.com/facebook/rea...
github.com/facebook/rea...
[React 19] Disabling prerendering siblings of suspended components breaking common pattern · Issue #29898 · facebook/react
Summary I'm creating this issue to continue the discussion that spawned in the already merged PR (#26380) Several community members have raised concerns about this change and it has gained traction...
github.com
November 14, 2024 at 10:03 PM
[email protected] is out today with a replacement for sibling pre-rendering. Give it a try and maybe we can ship React 19 soon?
github.com/facebook/rea...
github.com/facebook/rea...
Hey @expo.dev, is there a way to upload my local builds to the Expo project dashboard? We're trying to run "eas build --local" on our Github runner, but we can't find a way to upload the build output to the Expo so that we could view and download them later from the dashboard.
November 14, 2024 at 8:32 AM
Hey @expo.dev, is there a way to upload my local builds to the Expo project dashboard? We're trying to run "eas build --local" on our Github runner, but we can't find a way to upload the build output to the Expo so that we could view and download them later from the dashboard.
Reposted by Wooyeong Kim
This is the craziest hook I’ve ever seen
const [ref1, ref2, ref3] = useMultipleRefs()
The hook returns an iterator
- destructuring calls the iterator
- on each iteration, the hook returns a useRef()
const [ref1, ref2, ref3] = useMultipleRefs()
The hook returns an iterator
- destructuring calls the iterator
- on each iteration, the hook returns a useRef()
![function iterator() {
return this
}
export default function useMultipleRefs(initialValue) {
return {
next() {
return {
done: false,
value: useRef(initialValue),
}
},
[Symbol.iterator]: iterator,
}
}](https://cdn.bsky.app/img/feed_thumbnail/plain/did:plc:2e4dodb2x4gipz57mjwa2syw/bafkreidnaw2c6w3umtgncsr6zp6urflthnpo2svcde7qomvxee3z6aelsy@jpeg)
November 11, 2024 at 3:37 AM
This is the craziest hook I’ve ever seen
const [ref1, ref2, ref3] = useMultipleRefs()
The hook returns an iterator
- destructuring calls the iterator
- on each iteration, the hook returns a useRef()
const [ref1, ref2, ref3] = useMultipleRefs()
The hook returns an iterator
- destructuring calls the iterator
- on each iteration, the hook returns a useRef()
"based on what you know about me. draw a picture of what you think my current life looks like"
November 10, 2024 at 2:12 PM
"based on what you know about me. draw a picture of what you think my current life looks like"
Oh this is nice
it looks like this and it's under Settings > Thread Preferences
November 5, 2024 at 11:13 PM
Oh this is nice
Reposted by Wooyeong Kim
TIL - you can switch accounts by long pressing the profile!
its not _super_ obvious...but if you press and hold the profile tab button, a little sheet will show up you can switch from.
November 5, 2024 at 7:30 PM
TIL - you can switch accounts by long pressing the profile!
Is there a way here to save somebody's post to read later? Missing the bookmark function from back at X
November 5, 2024 at 4:05 AM
Is there a way here to save somebody's post to read later? Missing the bookmark function from back at X
Can you guys recommend more frontend & typescripts ppl to follow? Already included some ppl I knew to starter pack, trying to find some more
November 5, 2024 at 4:00 AM
Can you guys recommend more frontend & typescripts ppl to follow? Already included some ppl I knew to starter pack, trying to find some more
Trying to see if this platform can become a better tech twitter
October 30, 2024 at 2:16 PM
Trying to see if this platform can become a better tech twitter