[React.js] Halogen으로 Loading Indicator 만들기

로딩 중 페이지에 표시를 어떻게 해줄까 생각하다가

Loading Indicator들을 찾아보기 시작했다.

다행히도 위와 같은 좋은 패키지를 찾아냈다.

실제 데모는 아래의 페이지에서 확인할 수 있다.

http://madscript.com/halogen/

설치는 아래와 같이 진행하면 된다.

npm, yarn 둘 중 원하는 걸로 설치하면 됨

yarn install halogenium
npm install halogenium --save

사용 방법은 아래와 같다.

그냥 단순히 상단에 import { PulseLoader } from 'halogenium'; 선언해주고

<PulseLoader color="" size="" margin="" /> 해주면 됨.

PulseLoader 말고도 지원하는 목록은 아래 참고