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

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

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

react 16, Error handling with HOC

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

React 16, Returning null from setState

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

react 16, Portals

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

React 16, Fragments

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

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

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

리액트 생명주기 (React LifeCycle)

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