OTW for FE

Rust에서 TypeScript로

2025. 2. 14.

Rust에서 TypeScript로

From Rust to TypeScript: A New Chapter for Prisma ORM
Learn why Prisma ORM utilizes a query engine built in Rust and how it is evolving

많이 사용하는 ORM 라이브러리인 Prisma가 핵심 로직을 Rust에서 TypeScript로 마이그레이션한다는 소식입니다. Rust의 빠른 성능으로 성능을 챙길 수 있었지만, 통합하는 과정에서 여러가지 어려움으로 인해 TypeScript로 바꿀 예정이고, 아키텍쳐가 어떻게 바뀔 예정인지 소개하는 글입니다. Polyfill은 필요할때만 글에서도 소개하듯이, JavaScript는 충분히 빠를 수 있으므로 E18E같은 도구로 사용하는 라이브러리를 모니터링 하는 것도 필요해보입니다.

Next.js app router에서 RSC 모니터링하기

https://www.dash0.com/blog/how-to-inspect-react-server-component-activity-with-next-js

@vercel/otel으로 Next.js 기본 디버거에서 RSC의 여러가지를 볼 수 없는 부분을 OpenTelemetry로 볼 수 있음을 소개하는 글입니다. RSC가 렌더링 걸리는 시간을 통해 RSC가 적합한지, 혹은 캐싱은 잘 되고 있는지를 분석할 수 있기에 모니터링을 구체적으로 하기 위해 보시길 추천드립니다.

path-to-regexp를 대체할 URLPattern

You should not use URLPattern to route HTTP requests on the server
Node.js is adopting the `URLPattern` spec, but its regex-based routing can be slow.

아직 LTS가 아닌 Node.js에서 적용된 새로운 문법이지만, Regexp 기반 URLPattern구현체의 위험성과 대안인 Node.js에서 구현한 URLPattern을 소개하는 글입니다. 보안을 생각할 때 주의해야겠네요.

웹의 리소스 데이터가 늘었다.

https://www.speedcurve.com/blog/page-bloat-2025/

HTTP archive의 데이터를 기반으로 최근 웹 페이지 리소스의 중앙값이 늘었다는 것을 소개하는 글입니다. 웹 페이지 리소스가 증가해서 무조건 비지니스 지표가 낮아지는 건 아니지만, 유의미한 상관관계가 있다는게 많이 나오고 있으므로, 주의해야겠습니다.

CSS 변수를 출력하는 라이브러리 만들기

Pure CSS Mixin for Displaying Values of Custom Properties
Do you write CSS? Do you use custom properties with calculations? Do you want to preview their values while you’re debugging them? What if you could do so by setting just one additional custom property? Without any JS? In this article, I present a native CSS mixin that will output various values as pseudo-elements.

CSS 변수를 출력하는 CSS로만 이루어진 라이브러리를 어떻게 만들었는지 소개합니다. CSS layer나 @counter-style, @property같은 최신 기능과 아직 브라우저마다 버그가 있지만, 최신 기술을 여러 요구사항에 적용할 수 있다는 것을 보여줍니다.

Redirect와 성능이 무슨 연관이 있는가

https://www.debugbear.com/blog/avoid-multiple-page-redirects

성능 지표인 LCP와 FCP가 리다이렉트와 연관이 있으며 어떻게 대비해야 하는지 소개하는 글입니다.

React Native의 미래는 어디에 있는가

React Native Core Contributor Summit 2024 Recap · React Native
Every year, the core contributors in the React Native Community get together with the React Native team to collaboratively shape the direction of this project.

React Native 코어 개발자가 모여서 어떤 주제에 대해 논했는지를 소개한 글입니다. React Native의 새 아키텍쳐 이후 무엇을 우선순위를 정하고 있는지 소개하므로 방향성을 확인하기 좋습니다.

JS의 긴 실행시간 자르기

https://macarthur.me/posts/long-tasks/

INP를 개선하기 위한 패턴은 브라우저 렌더링까지 알아보며 깊게 알아봤다면, 이 글은 INP 개선을 위한 방법들을 간단하게 소개하는 글입니다.

테이블 UI을 만들면서 마주친 문제들

The React data-table I always wanted | OpenStatus
Better design, new features, and performance improvements.

shadcn/UI의 테이블 컴포넌트, Tanstack table을 사용해 테이블 예제를 만들면서 마주쳤던 문제들과 어떻게 해결했는지 소개하는 글입니다. shadcn/UI의 테이블 컴포넌트, Tanstack table을 사용하지 않더라도, 접근성 고려, 브라우저 호환성, 성능 문제..는 테이블을 구현할 때 많이 겪는 문제이므로, 한번 문제 해결을 따라 글을 읽는 것을 추천드립니다.

새로운 친구들

https://devblogs.microsoft.com/react-native/2025-01-29-new-architecture-on-0-76-0-77/
GitHub - MatiPl01/react-native-sortables: 🚀 Powerful Sortable Components for Flexible Content Reordering in React Native
🚀 Powerful Sortable Components for Flexible Content Reordering in React Native - MatiPl01/react-native-sortables

React Native Windows가 New Architrecture를 지원한다는 소식과 React Native에서 Sortable 컴포넌트를 구현한 라이브러리가 1버전이 되었다는 소식입니다.