[radix-ui 버그 이슈] Setting display:flex on accordion content creates double animation · Issue #2832 · radix-ui/primitivesBug report Current Behavior The default display for Accordion.Content is block. Setting it to flex causes a double animation when closing a section. Expected behavior The animation should not be af...github.com[해당 이슈에 대한 답변] Setting display:flex on accordion content creates doub..
[참고: Streaming] Routing: Loading UI and Streaming | Next.jsBuilt on top of Suspense, Loading UI allows you to create a fallback for specific route segments, and automatically stream content as it becomes ready.nextjs.org Streaming allows you to break down the page's HTML into smaller chunks and progressively send those chunks from the server to the client. 일반적으로 서버 렌더링은 아래와 같은 과정으로 진행됩니다. 주어진 페이..
[참고: tanstack query][참고: query.gg] The Official React Query Course - 🔮 query.ggMaster React Query with mystifying ease. Built in collaboration with the React Query core team.query.gg TanStack | High Quality Open-Source Software for Web DevelopersHeadless, type-safe, powerful utilities for complex workflows like Data Management, Data Visualization, Charts, Tables, and UI Components.tanstack.com ..
[참고: Suspense] – React" data-og-description="The library for web and native user interfaces" data-og-host="react.dev" data-og-source-url="https://react.dev/reference/react/Suspense" data-og-url="https://react.dev/reference/react/Suspense" data-og-image="https://blog.kakaocdn.net/dna/cIBo4A/hyW2PgrBzX/AAAAAAAAAAAAAAAAAAAAAFaQjWLj9q4H4ajypXDljEwMzrSOXvegJEI9wgZA59Ws/img.png?credential=yqXZFxpELC7KVnFOS48ylbz2pIh7yKj8&expires=1753973999&allow_ip=&allow_referer=&signature=k1IbCU8cpXeZyXMN0IhxNBS8jy0%3D
[참고: Server Components - next.js docs][참고: Server Components - react docs] React Server Components – ReactThe library for web and native user interfacesreact.dev Rendering: Server Components | Next.jsLearn how you can use React Server Components to render parts of your application on the server.nextjs.orgReact v18에서 도입되고, NextJs v13에서 기본 컴포넌트로 사용된 서버 컴포넌트에 대해서 알아보려합니다.Server Components are a new..
[참고: Synchronizing with Effects] Synchronizing with Effects – ReactThe library for web and native user interfacesreact.devSome components need to synchronize with external systems. Effects let you run some code after rendering so that you can synchronize your component with some system outside of React. 리액트 공식문서를 살펴보다보면 흥미로운 카테고리가 존재합니다.Escape Hatches 라는 탈출구라는 카테고리입니다. 여기에 속해있는 내용들을 살펴보면, ref / ..
[참고: Referencing Values with Refs] Referencing Values with Refs – ReactThe library for web and native user interfacesreact.devWhen you want a component to “remember” some information, but you don’t want that information to trigger new renders, you can use a ref. React에서 `ref`에 대해서 학습할 때, 보통 직접적인 DOM 조작을 위해서 사용한다고 배웁니다.물론 맞는 말입니다. 하지만 React 팀에서는 그 용도보다 강조하는 용도가 존재합니다상태를 저장하고 싶지만, 해당 상태가 렌더링 흐름에 관..
[참고: react.dev - Props and state are immutable] Components and Hooks must be pure – ReactThe library for web and native user interfacesreact.dev위의 react 공식문서는 React에서 불변성이 중요한 이유와 왜 불변성을 유지해야하는지에 대해서 설명하고있습니다.이 문서에서는 처음부터 전달하고 싶은 내용을 요약해서 제공합니다A component’s props and state are immutable snapshots. Never mutate them directly 컴포넌트의 props와 state는 불변의 스냅샷이므로, 이를 직접 수정하지 말라고 합니다.이 문장을 끊어서 보겠습니다. 컴포넌트..
