React

React는 유저 인터페이스를 만드는 자바스크립트 라이브러리다.React는 컴포넌트를 활용하여 효율적으로 유저 인터페이스를 만들고 업데이트한다.React는 컴포넌트와 state를 관리하는 라이브러리일뿐이다. React는 컴포넌트의 현 state와 전 state의 차이점

함수형 컴포넌트를 export할 때, React.memo로 wrapping하여 최적화한다.React.memo는 인자로 받은 컴포넌트에 어떤 props가 들어가는지 확인한다.그리고 모든 props 값을 확인하고 그 값을 props가 이전에 받은 값과 비교하여, props

React.16.8 이전에는 'state'와 'side effect'를 관리하려면 클래스형 컴포넌트를 사용했어야 했다. 하지만 React 16.8에서 함수형 컴포넌트를 위한 'React Hooks'가 도입되어 클래스형 컴포넌트를 사용할 이유가 없어졌고 이제는 함수형 컴

Prop Drilling은 props를 오로지 하위 컴포넌트로 전달하는 용도로만 쓰이는 컴포넌트들을 거치면서 React Component 트리의 한 부분에서 다른 부분으로 데이터를 전달하는 과정이다.prop drilling이 보통 3~5개 컴포넌트를 거치는 정도이면,

컴포넌트 파일에 css 파일을 import하여 사용하는 기존의 일반적인 스타일링 방식은 스타일의 스코프가 해당 컴포넌트에만 국한되지 않는다. 큰 프로젝트에서 수많은 개발자들이 같은 코드에서 작업하고 있을 때, 동일한 css 선택자가 다른 의도임에도 중복해서 사용될 수도

2013년에 올라온 Pete Hunt: React: Rethinking best practices -- JSConf EU 영상을 보다가 공부 목적으로 가볍게 정리하였다. 번역 등이 매끄럽지 않거나 정확하지 않은 내용이 있을 수 있다.ㅠ

리액트 화이바....? 어디선가 계속 언급되던 React Fiber를 살펴봐야겠다고 마음을 먹었다. react-fiber-architecture 문서를 읽다가 이해도 잘 안되고 금방 까먹을 것 같아 일단 대충 번역했고, 이외에 다른 문서 등에서 살을 붙였다.

책 '실전 리액트 프로그래밍'의 1장을 읽고 학습 목적으로 정리한 내용입니다.