Jonghyeon Ko (@manudeli_) | teapawt

Tweets
All Posts
Sort by
Most recent Popular
Tweets & Replies
Reposts
Media
Search

Jonghyeon Ko retweeted

@tannerlinsley8 May 2025

Just launched/updated a bunch of new @Tan_Stack shirts/sweatshirts/hoodies/etc! 🧵⬇️ All merch is zero-profit at cost of @cottonbureau and IMO, very high quality. Enjoy!

2

46

24,897

Jonghyeon Ko retweeted

토스 프론트엔드@TossFrontend4 Sep 2024

🏕️모닥불 EP.4: 오픈소스 기여하고 토스 합격한.ssul - 오픈소스 기여, 실제로 성장에 도움이 될까요? - 해보려니 막막한데, 어떻게 시작할까요? - 토스는 왜 오픈소스를 운영할까요? 토스 개발자들이 생생한 이야기를 들려드릴게요. youtu.be/SdBL-p597Dw?si=KtnN…

29

2,586

Jonghyeon Ko retweeted

Basix@Basix11207 Aug 2024

React처럼 잘 되면 기술 오너십도 꿀꺽하고 에코시스템에서 공짜점심나오고 그런 거 누가 모르냐... 근데 그렇게 되는 건 진짜 손에 꼽는건데 그럼에도 계속 오픈소스로 낸다는 결정을 해야지 저게 되는거지

1

26

1,179

Jonghyeon Ko retweeted

Dominik 🔮@TkDodo2 Aug 2024

From mdn:

In practice, the exception you throw should always be an Error object or an instance of an Error subclass, such as RangeError. This is because code that catches the error may expect certain properties, such as message, to be present on the caught value. For example, web APIs typically throw DOMException instances, which inherit from Error.prototype.

ALT In practice, the exception you throw should always be an Error object or an instance of an Error subclass, such as RangeError. This is because code that catches the error may expect certain properties, such as message, to be present on the caught value. For example, web APIs typically throw DOMException instances, which inherit from Error.prototype.

@ethanniser1 Aug 2024

this is pretty crazy to me react query just lies about the error type and this was an intentional change too! so you think its safe to call `useQuery().error.message` but it can 100% blow up I don't understand why asking users to do `unknown instanceof Error` was too much

Image from Ethan Niser (@ethanniser)

14

295

54,295

Jonghyeon Ko retweeted

토스 프론트엔드@TossFrontend30 Jul 2024

Using Bootstrap? Check out overlay-kit! 🚀 It integrates smoothly with Bootstrap modals, tooltips, and popovers. No more hassle with modal state management—overlay-kit takes care of it. @getbootstrap #opensource #webdev overlay-kit.slash.page/

Image from 토스 프론트엔드 (@TossFrontend)

Image from 토스 프론트엔드 (@TossFrontend)

22

1,903

Jonghyeon Ko retweeted

토스 프론트엔드@TossFrontend10 Jul 2024

es-toolkit, with 2-3 times faster runtime performance and up to 97% smaller bundle size compared to lodash, has surpassed 1,000 stars on GitHub and achieved the #1 Hot Project ranking on bestofjs.com. 🌟 Huge thanks to the 31 contributors who have contributed!

Image from 토스 프론트엔드 (@TossFrontend)

토스 프론트엔드@TossFrontend13 Jun 2024

Replying to @TossFrontend

Check out the new "es-toolkit" by Toss! This modern utility library is a big upgrade over the 10+ year old lodash. It's 2-3 times faster, has a bundle size up to 97% smaller, and includes robust types. 📚✨ Learn more: github.com/toss/es-toolkit

GitHub - toss/es-toolkit: A modern JavaScript utility library that's 2-3 times faster and up to 97%...

GitHub - toss/es-toolkit: A modern JavaScript utility library that's 2-3 times faster and up to 97%...

A modern JavaScript utility library that's 2-3 times faster and up to 97% smaller, a major upgrade to lodash. - toss/es-toolkit

6

1,490

Jonghyeon Ko retweeted

토스 프론트엔드@TossFrontend1 Jul 2024

💡React에서 오버레이를 다루는 선언적 방법, overlay-kit 모달, 토스트 같은 오버레이를 React로 다루는 건 생각보다 어려워요. 열리고 닫힌 상태를 새로 관리해야 하거든요. 토스에서 오버레이를 선언적으로 쉽게 다룰 수 있게 돕는 새 오픈소스 라이브러리를 공개합니다. github.com/toss/overlay-kit

GitHub - toss/overlay-kit: A library for handling overlays more easily in React.

GitHub - toss/overlay-kit: A library for handling overlays more easily in React.

A library for handling overlays more easily in React. - toss/overlay-kit

1

73

9,150

Jonghyeon Ko retweeted

@tannerlinsley29 Jun 2024

Replying to @tannerlinsley @tan_stack

What's really fun is that I implemented this experiment with a really tiny hook called `useStreamedQuery` that proxies `useSuspenseQuery`. As I said, the production version of this hook will be more wholistic via the query client, but it illustrates the simplicity of the Router's data streaming capabilities.

Image from Tanner Linsley (@tannerlinsley)

1

45

10,489

Jonghyeon Ko retweeted

토스 프론트엔드@TossFrontend28 Jun 2024

⚛️ Suspense를 잘 쓰기 위한 찰떡궁합 라이브러리, Suspensive 타입 안전한 useSuspenseQuery(), 쉽게 쓰는 <ErrorBoundary />, SSR 안전한 <Suspense /> 등 다양한 도구를 제공하는 Suspensive를 만나보세요. 토스 프론트엔드 개발자들이 오픈 소스로 운영하고 있어요. github.com/toss/suspensive

GitHub - toss/suspensive: All-in-one for React Suspense — ErrorBoundary with shouldCatch, clientO...

GitHub - toss/suspensive: All-in-one for React Suspense — ErrorBoundary with shouldCatch, clientO...

All-in-one for React Suspense — ErrorBoundary with shouldCatch, clientOnly to skip SSR for a boundary, Delay, and more - toss/suspensive

1

28

2,032

Jonghyeon Ko retweeted

XiNiHa@xiniha_1e88df19 Jun 2024

오늘도 흥미로운 패턴을 배웠다

Image from XiNiHa (@xiniha_1e88df)

Image from XiNiHa (@xiniha_1e88df)

Image from XiNiHa (@xiniha_1e88df)

3

18

1,404

Jonghyeon Ko retweeted

Dominik 🔮@TkDodo14 Jun 2024

#ReactSummit afterparty #FreeSuspense

Image from Dominik 🔮 (@TkDodo)

8

283

66,459

Jonghyeon Ko retweeted

토스 프론트엔드@TossFrontend13 Jun 2024

📚 작고 빠른 유틸리티 라이브러리, es-toolkit 10살이 넘은 lodash, 더 개선할 지점은 없을까요? 토스에서 현대적인 구현의 es-toolkit을 공개했어요. - 2~3배 빠른 런타임 성능을 제공해요. - 최대 97% 작은 번들 사이즈를 가져요. - 견고하고 정확한 타입을 내장해요. github.com/toss/es-toolkit

GitHub - toss/es-toolkit: A modern JavaScript utility library that's 2-3 times faster and up to 97%...

GitHub - toss/es-toolkit: A modern JavaScript utility library that's 2-3 times faster and up to 97%...

A modern JavaScript utility library that's 2-3 times faster and up to 97% smaller, a major upgrade to lodash. - toss/es-toolkit

1

96

27,712

Jonghyeon Ko retweeted

토스 프론트엔드@TossFrontend11 Jun 2024

🌊 토스 Frontend Platform Engineer 공개채용 (~6/21) 토스와 한국, 전세계의 프론트엔드 개발자들이 일하는 개발환경을 함께 만들어 나갈 동료를 찾아요! FE 개발환경을 번들러부터 클라우드까지 체계적으로 배우며, 최고의 UX와 DX를 제공하는 프레임워크를 만들어 나가요. toss.im/career/job-detail?jo…

1

81

131,195

Jonghyeon Ko retweeted

Hynek Schlawack@hynek18 Aug 2022

weird question, but if I want to credit someone in a commit via `Co-authored-by:`, is there a better way than searching for a commit of theirs on the CLI? GitHub not showing this commit data on the web makes this really cumbersome it seems.

7

6

Jonghyeon Ko retweeted

@shuding18 Jun 2023

Depth-based blur in CSS. frosted-glass.shud.in (Chrome preferred)

Image from Shu (@shuding)

Image from Shu (@shuding)

Image from Shu (@shuding)

Image from Shu (@shuding)

48

6,230

1,544,091

Jonghyeon Ko retweeted

Alex / KATT 🐱

@alexdotjs18 Oct 2023

`iife(() => { return '...' })` 1 line utility to not count brackets brackets when making an IIFE

Image from Alex / KATT 🐱 (@alexdotjs)

7

84

31,519

Jonghyeon Ko retweeted

Jamie Kyle is on 🦋@buildsghost20 Mar 2024

Neat TypeScript trick: type Satisfies<Expected, Actual extends Expected> = Actual typescriptlang.org/play?#cod…

Image from Jamie Kyle is on 🦋 (@buildsghost)

48

3,075

Jonghyeon Ko retweeted

Tomasz Ducin@tomasz_ducin15 Mar 2024

a @tan_stack #react query question (@TkDodo, @tannerlinsley ) I've got fresh "@tanstack/react-query": "^5.28.2" - got a thin custom hook which directly returns useQuery result - going into definitions of the properties (isLoading, isRefetching etc.) - I'm moved to one out of few union members within node_modules/@tanstack/query-core/build/legacy/queryClient-UWB6EkqM.d.ts QUESTIONS: - what's the benefit of separate legacy/modern builds? - how do I determine which one is used? - (!) why do the properties NOT have JSDocs? (some have, like QueryFilters, but Query*Result seems super important here) When it comes to the last one, I'd love to help (submit a PR, whatever) as long as you confirm they're really not there / I'm not messing something up. All in all I'd really love to have docs there. My original doubt was: isPending vs isFetching vs isLoading vs isRefetching etc. None of posts I found were 100% clear on this... TIA 🙌

Image from Tomasz Ducin (@tomasz_ducin)

Image from Tomasz Ducin (@tomasz_ducin)

2

8

2,473

Jonghyeon Ko retweeted

Thomas@thomas_lombart12 Mar 2024

Never write a git commit message again

15

264

47,446

Jonghyeon Ko retweeted

Dominik 🔮@TkDodo5 Mar 2024

😴 Tired: enabled not doing any type narrowing 🚀 Wired: the brand new skipToken 🔥 Now available in v5.25.0

import { skipToken, useQuery } from '@tanstack/react-query'; const [filter, setFilter] = React.useState<Filter>() const { data } = useQuery({ queryKey: ['todos', filter], queryFn: () => fetchTodos(filter) : skipToken, enabled: !!filter, });

ALT import { skipToken, useQuery } from '@tanstack/react-query'; const [filter, setFilter] = React.useState<Filter>() const { data } = useQuery({ queryKey: ['todos', filter], queryFn: () => fetchTodos(filter) : skipToken, enabled: !!filter, });

import { skipToken, useQuery } from '@tanstack/react-query'; const [filter, setFilter] = React.useState<Filter>() const { data } = useQuery({ queryKey: ['todos', filter], queryFn: filter ? () => fetchTodos(filter) : skipToken, });

ALT import { skipToken, useQuery } from '@tanstack/react-query'; const [filter, setFilter] = React.useState<Filter>() const { data } = useQuery({ queryKey: ['todos', filter], queryFn: filter ? () => fetchTodos(filter) : skipToken, });

21

523

55,705