# 저번 주 프론트엔드 볼 거리 - Tanstack-Query 더 잘 쓰기 https://tanstack.com/query/v5/docs/framework/react/guides/render-optimizations https://www.teemutaskula.com/blog/exploring-query-suspense 서버 상태 관리를 Tanstack query에 위임하는 것으로 쉽게 효율적으로 렌더링 최적화를 이뤘지만 이미 너무 많은 상태를 관리하고 있어 더 최적화가 필요한 사람들이나, 사소하지만 불편한 UX를 제공하는 것을 막고자 하는 사람들에게 조언하는 글입니다. 둘 다 hook에 넣는 속성을 어떻게 잘 넣을 것인지를 생각해보게 하는 글이기 때문에 Tanstack-query를 쓰는 사람은 무조건 보시길 바랍니다. - 자바스크립트 객체 딥 다이브 https://blog.frontend-almanac.com/js-object-structure 객체의 내부 구조를 앎과 동시에 히든 클래스에 집중하여 내부에서 어떻게 동작하는지를 알려주고 있습니다. 이와 관련된 글들(https://mrale.ph/blog/2015/01/11/whats-up-with-monomorphism.html, https://www.builder.io/blog/monomorphic-javascript)을 보면 어떻게 실제 프로젝트에서 어떻게 적용할지를 생각해볼 수 있습니다. - 당신은 GraphQL이 필요하지 않습니다. https://mxstbr.com/thoughts/graphql/ GraphQL은 모든 사람을 위한 기술이 아니고, 특정 사람만을 위한 기술임을 강조하고 있습니다(사실 거의 모든 기술이 그렇죠). 항상 자신에게 맞는 적정 기술을 선택하려고 해야 합니다(관련 볼거리 - https://fe-developers.kakaoent.com/2023/230112-appropriate-technology/). - Cloudflare의 출시 주간 https://blog.cloudflare.com/blazing-fast-development-with-full-stack-frameworks-and-cloudflare https://blog.cloudflare.com/javascript-native-rpc 주로 쓰이는 프레임워크(Next.js, Nuxt, ….)에서 D1, R2등 Cloudflare의 개발자 플랫폼에 쉽게 접근할 수 있도록 만들고, 관계형 데이터베이스인 D1을 Prisma를 통해 사용할 수 있다는 것을 보여주었습니다. 그리고 RPC 호출을 통해 다른 Worker에게 객체를 전달할 수 있는 등 여러 기능을 출시했습니다. - HTML 스트리밍으로 클라이언트 코드 줄이기 https://aralroca.com/blog/html-streaming-over-the-wire Htmx에 영감을 얻어 클라이언트에서의 로직을 줄여서 웹 성능을 하고자 하는 라이브러리를 소개하는 글입니다. 관련해서 FE 아티클 팀에서 이전 글(https://soobing.github.io/react/html-node-streaming/)을 번역하였으니 관심있으면 보시길 바랍니다! - Flow는 React 시장을 차지할 수 있을까 https://medium.com/flow-type/announcing-component-syntax-b6c5285660d0 Flow 언어에서 React에서 타입 검사를 더 잘할 수 있도록 component / hook / render 유형을 만들었습니다. 더 오래된 볼 거리를 찾으신다면 https://ones-to-watch.ethansup.net/news/list/1 를 참조해주세요. :)
로그인 후 모든 글을 볼 수 있습니다.