[Korean FE Article] 400줄의 코드로 나만의 리액트 만들기 (부제: 리액트의 원리에 대한 심층 연구)

글 링크: https://bit.ly/3WUa4wU

소개

리액트 19의 베타 버전이 출시되었습니다. 이번 버전은 리액트 18과 비교해 사용자 친화적인 API가 많이 추가되었지만, 핵심 원칙은 크게 변하지 않았습니다. 리액트를 오랫동안 사용해 온 개발자들도 있지만, 내부 작동 방식에 대해 궁금해하는 분들이 있을 수 있습니다. 이 글에서는 비동기 업데이트를 지원하고 작업을 중단할 수 있는 리액트의 핵심 기능을 약 400줄의 코드로 구현하는 방법을 살펴보겠습니다.

목차

• JSX와 createElement

• Render

• Fiber 아키텍처와 동시성 모드

• 알고리즘

• 업데이트 트리거