'react'에 관한 8개의 포스트

react 16, Error handling with HOC

리액트 16 에서는 LifeCycle에 많은 변화가 있었고 1…
2018년 10월 31일

React 16, Fragments

React 16 이전에서는 return 시 하나의 컴포넌트 또는 null만 가능했다. 그래서 wrapper를 쓰는 방식으로 div로 감싸던가 아니면 span을 이용하던지, 그것도 아니면 array를 쓰는 등 여러 불편한 방법을 사용했었다. 하지만 1…
2018년 10월 31일

react 16, Portals

Portals은 루트 리액트 컴포넌트가 아닌 외부의 DOM에 접근하여 변경할 수 있게 해준다. 쉽게 말하면 react…
2018년 10월 31일

React 16, Returning null from setState

어떠한 이유로 컴포넌트의 업데이트를 하고 싶지 않을 때 사용 할 수 있다. 이전에는 을 하더라도 컴포넌트가 업데이트 되었으나 React 16 부터는 업데이트가 되지 않는다. 간단한 코드를 살펴보자 위의 코드는 state…
2018년 11월 01일

웹팩 대신 파셀(Parcel) 사용해보기 with React, Babel, SASS

주로 CRA(create-react-app)을 이용한 리액트 개발을 주로 해왔고 그로 인해 웹팩(Webpack) 번들러를 통해 간단한 설정 변경 등을 해왔는데 이번에 새로운 번들러인 파셀(Parcel…
2018년 03월 23일

리액트 생명주기 (React LifeCycle)

- Mount 컴포넌트가 실행 될 때, 'Mount 된다' 라고 표현. 컴포넌트가 시작되면 제일 초기의 작업은 context, defaultProps, state 저장 componentWillMount 메소드 호출 render, 컴포넌트를 DOM…
2017년 06월 20일

리액트 라우터 V4 사용하기 (React-Router v4)

SPA(Single page application) 에서는 새로운 페이지 전체를 렌더링하지 않고, 부분적인 UI…
2017년 06월 06일