React
[React] CSS Framework 선정하기
윤영식
2015. 8. 15. 12:26
서비스를 개발할 때 만들어 놓은 CSS 프레임워크를 사용한다면 보통 트위터 부트스트랩을 많이 선택한다. 앵귤러 프레임워크를 사용할 때 트위터 부트스트랩을 앵귤러 컴포넌트로 만들어 놓은 모듈을 사용하는데, 리액트에서는 어떤 것을 사용할 수 있는지 정리해 보자.
트위터 부트스트랩
- http://react-bootstrap.github.io/
+ v1.0.0 이 릴리즈 되었다.
+ 부트스트랩의 기능을 충실히 구현
머터리얼 디자인
+ 구글의 머터리얼 디자인을 충실히 구현
+ 모바일 first 디자인
그외 프레임워크
+ 가장 기본적인 부분들을 리액트 컴포넌트로 제공
- http://nikgraf.github.io/belle/
+ elemental-ui와 유사
+ 리액트 컴포넌트로 만들어져 있지 않지만 앞으로 만들어 보고 싶은 css 프레임워크
+ v1.* 보다 다양한 실용적인 Theme을 제공하고, 컴포넌트가 다양하다.
+ 향후 직접 React UI Component로 만들어 사용할 예정!
모바일 전용 프레임워크
+ ionic 의 css 와 유사하게 native 느낌을 준다.
<참조>
- 리액트로 만든 관리자 화면 예제 : ClojureScript를 사용해서 React 컴포넌트를 개발했음
- 다양한 React UI Components 목록