React의 역사와 철학
2025. 7. 15.
Beyond the Article: 한 걸음 더
React의 역사를 따라가며 React의 철학을 이해하기
The History of React Through Code | Playful Programming 🔗10000 단어를 따라가면서 React의 일관된 철학을 JSX와 클래스 컴포넌트, 그 이후 Fiber 아키텍쳐와 일관성 문제 해결, 그리고 데이터 페칭, SSR의 두 대의 컴퓨터 문제까지, 심지어 React의 미래는 어디로 가고 있는지까지 알 수 있습니다! 물론 처음부터 이 글을 모두 읽기는 힘들다고 생각합니다. 하지만 이 글은 React는 변하지 않고, 일관된 철학을 가지고 있고(의외로), 다른 라이브러리의 "우리 라이브러리를 사용하면 성능 향상이 될 거야"라는 미신과 다르게, 수많은 전략과 러닝 커브는 성능 향상의 만병통치약이 없다는 것을 보여줍니다(물론 React도요!). 이전의 좋은 디지털 책인 The Framework Field Guide의 두 번째 책이 발행되고 있으니 이 책을 참고하거나, Frontendmastery의 JS 프레임워크의 새로운 물결은 이 글을 이해하기에 도움을 줍니다.
Signals에 대한 오해와 진실
모든 React 개발자가 Signals에 대해 알아야 할 사항 - YouTube 🔗Signals의 기원과 구조와 특징, 오해와 진실을 모두 소개하는 글입니다. hook을 많이 만들어내면서 잃었던 React의 단순함을 fine-grained reactivity를 통해 얻을 수 있습니다. 하지만 생태계의 넓음은 무시할 수 없으므로, 선택은 항상 신중하게 하는 것이 좋습니다. Signals의 구조와 특징은 반응성의 전파 시리즈 글이 잘 설명하고 있으니, 글로 읽으시는 것이 좋으신 분은 참고하세요.
Straight to the Article: 빛나는 인사이트
번들러의 scope hoisting
JavaScript scope hoisting is broken 🔗번들러의 scope hoisting의 원리, 그 한계와 이유를 설명하는 글입니다. code spliting과 scope hoisting이 어떻게 충돌하는지와 최신 번들러에서는 의미가 없는 이유를 설명하는 것이 인상적입니다.
i18n 개편 복기하기
Just a moment... 🔗pateron의 국제화 방식을 개편하면서 잘 번역된 i18n 컨텐츠는 어때야 하는지를 소개합니다. 그 이외에도 i18n 이외에도 적용될 수 있는, 웹 표준 사용에 대한 의견, 기존 코드를 어떻게 마이그레이션했는지를 소개합니다.
크로스 플랫폼(모든 OS) 어플리케이션의 근황
The Universal Way: One Codebase, all platforms 🔗RN 기반 크로스 플랫폼(Android, iOS 외에도!) 생태계는 어떻게 구성되어가고 있는지, 그리고 어떤 장단점이 있는지 소개하는 글입니다.
satisfies는 어디에 쓰는 물건일까
Satisfies in TypeScript – Frontend Masters Blog 🔗as
는 타입을 강제 지정하여 바꿔주지만, satisfies
는 타입 안정성을 높여줍니다. 이를 어디에 사용하면 좋을지 소개하는 글입니다.
RSC는 어떻게 테스트하나요
How to test React Server Component | Nico's Blog 🔗개발도구 랜딩페이지는 보통 어떻게 구성되나요
We studied 100 dev tool landing pages—here’s what really works in 2025—Martian Chronicles, Evil Martians’ team blog 🔗React의 상태만의 특징 알아보기
Level Up React: Deep dive into state and useState | 56kode - Web Development Blog on React & TypeScript 🔗React Three Fiber로 키네틱 이미지 렌더링 구현하기
How To Create Kinetic Image Animations with React-Three-Fiber | Codrops 🔗Fresh Finds: 놓치지 말아야 할 소식
[Tracking] RSC support · Issue #531 · vitejs/vite-plugin-react · GitHub 🔗@vitejs/plugin-rsc
가 배포되었고, Vite를 통한 RSC 사용이 어떻게 될지 지켜봐야겠습니다.
rspack 1.4에서 브라우저로 빌드하는 기능, SWC로 속도 상승…. 등 여러가지 기능을 릴리즈되었습니다.
Announcing TypeScript 5.9 Beta - TypeScript 🔗ECMAScript 새 기능과 여러 유틸 기능을 추가한 TypeScript 5.9 beta 출시되었습니다.
Electron 37.0.0 | Electron 🔗일렉트론 37이 출시되었습니다.
Just a moment... 🔗browserlist가 rust로 구현된 browserlist-rs의 크기 사이즈가 줄었다는 소식입니다.