React에 관한 글

나만의 리액트 라이브러리 만들기

https://bluewings.github.io/build-your-own-react/

React 동시성에 대해 알아보기

https://jgjgill-blog.netlify.app/post/learn-about-react-concurrent/

New Suspense SSR Architecture in React 18

https://github.com/reactwg/react-18/discussions/37

Understanding React Server Components

https://vercel.com/blog/understanding-react-server-components

리액트 서버 컴포넌트란 도대체 무엇일까요?

https://www.yujiseok.blog/post/react-server-components

Surprising polymorphism in React applications

https://medium.com/@bmeurer/surprising-polymorphism-in-react-applications-63015b50abc

참조 동일성을 위한 메모이제이션

https://yceffort.kr/2022/04/memo-for-referential-stability-in-react

Why useSyncExternalStore Is Not Used in Jotai

https://blog.axlight.com/posts/why-use-sync-external-store-is-not-used-in-jotai/

번역 - useEffect 완벽 가이드

https://rinae.dev/posts/a-complete-guide-to-useeffect-ko/

Kent C. Dodds 어플리케이션 상태 관리 (Application State Management with React 한글 번역)

https://im-developer.tistory.com/222

React Context without Provider + useMutableSource

https://dev.to/aslemammad/react-context-without-provider-usemutablesource-4aph

css in js를 위한 useInsertionEffect

https://react.dev/reference/react/useInsertionEffect

Legacy Context

https://legacy.reactjs.org/docs/legacy-context.html

Making Sense of React Hooks

https://medium.com/@dan_abramov/making-sense-of-react-hooks-fdbde8803889

npm audit: Broken by Design

https://overreacted.io/npm-audit-broken-by-design/#why-is-npm-audit-broken

[React] useEffect의 동작 원리

https://jungpaeng.tistory.com/92

React useRef의 다양한 활용 방법(mutable object, callback ref와 forwardRef)

https://leehwarang.github.io/2020/11/29/ref.html

리액트 HOC 집중 탐구 (1)

https://ui.toast.com/weekly-pick/ko_20171117

React hook 클로저 탈출기

https://velog.io/@devstone/React-hook-클로저-문제-해결기

Suspense의 동작 원리

https://velog.io/@seeh_h/suspense의-동작원리

리액트 훅(Hooks): 제 테스트는 어떻게 되나요?

https://edykim.com/ko/post/react-hooks-whats-going-to-happen-to-my-tests/

리액트 컴포넌트의 응집도를 관리하는 방법

https://itchallenger.tistory.com/m/644

React Canvas API로 애니메이션 구현하기

https://blog.dalgu.app/dev/1

React Fiber part2

https://chchoing88.github.io/ho_blog/react-fiber02/

React Deep Dive — React Event System (2)

https://blog.mathpresso.com/react-deep-dive-react-event-system-2-1d0ad028308b

(번역) 리액트 성능 최적화, 500ms 에서 1.7ms 까지 : 그 여정과 체크리스트

https://ykss.netlify.app/translation/500ms-to-1.7ms-in-react:-a-journey-and-a-checklist/

React.cloneElement 사용 사례

https://itchallenger.tistory.com/m/711

Concurrent React

https://velog.io/@jay/Concurrent-React

GatsbyJS와 NextJS로 알아보는 React 렌더링 방식

https://alstn2468.github.io/React/react-rendering-with-gatsby-and-next/

Suspense for Data Fetching의 작동 원리와 컨셉 (feat.대수적 효과)

https://maxkim-j.github.io/posts/suspense-argibraic-effect/

React Internals Deep Dive

https://jser.dev/series/react-source-code-walkthrough

React 톺아보기 - 01. Preview

https://goidle.github.io/react/in-depth-react-preview/

useRef는 DOM에 접근할 때 뿐만 아니라 다양하게 응용할 수 있어요.

https://flyingsquirrel.medium.com/react-코드-까보기-useref는-dom에-접근할-때-뿐만-아니라-다양하게-응용할-수-있어요-f0359ad23f3b

Using The Proxy Design Pattern with React

https://blog.bitsrc.io/proxy-design-pattern-with-react-c0b465980fbf

RSC From Scratch. Part 1: Server Components

https://github.com/reactwg/server-components/discussions/5

useReducer vs useState 1. useToggle hook

https://velog.io/@jihyeonjeong11/useReducer-vs-useState

새롭게 발표된 React 19 버전은 무엇이 달라졌나?

https://devocean.sk.com/blog/techBoardDetail.do?ID=165995&boardType=techBlog&searchData=&page=&subIndex=

React 디자인패턴 (Presentational-Container, VAC패턴)

https://velog.io/@inwoong100/React-디자인패턴-Presentational-Container-VAC패턴

debounce 및 throttle를 react에서 사용할 때 주의할 점

https://yrnana.dev/post/2023-09-15-debounce-throttle/