JavaScript에서 CSS를 생성하는 도구(CSS in JS)
본문
Styled Components : 컴포넌트 나이를위한 비주얼 프리미티브. 최고의 비트로 제공되는 ES6 및 CSS를 사용하여 스트레스없이 앱 스타일 지정 https://styled-components.com/
CSS Modules : CSS 모듈에 관한 문서 https://github.com/css-modules/css-modules
Radium : React 구성 요소 스타일링을위한 툴체인. http://formidable.com/open-source/radium/
Emotion : 상태의 함수로서의 스타일 https://emotion.sh/
Aphrodite : 서버 측 렌더링, 브라우저 접두어 및 최소 CSS 생성을 지원하는 Framework-Agnostic CSS-in-JS https://github.com/Khan/aphrodite
Polished : JavaScript에서 스타일을 작성하기위한 가벼운 툴 세트 https://polished.js.org/
JSS : 자바 스크립트를 호스트 언어로 사용하는 CSS 용 저작 도구입니다. http://cssinjs.org/
Glamorous : 반응이 있는 유지 관리 가능한 CSS https://glamorous.rocks/
Styled JSX : 타협없이 JSX를위한 완벽한 CSS 지원 https://github.com/zeit/styled-jsx
Glamor : 반응 등을 위한 인라인 CSS https://github.com/threepointone/glamor
styletron : 컴포넌트 지향 스타일링을 위한 툴킷 http://styletron.js.org/
TypeStyle : CSS 유형 안전 만들기 https://typestyle.github.io/
Typography.js : 아름다운 디자인으로 웹 사이트를 구축 할 수 있는 강력한 툴킷 http://kyleamathews.github.io/typography.js/
ReactCSS : JS의 인라인 스타일 http://reactcss.com/
Fela : JavaScript의 상태 기반 스타일링 http://fela.js.org/
Linaria : JS 라이브러리의 Zero-runtime CSS https://linaria.now.sh/
react-with-styles : 하나의 구현에 단단히 결합하지 않고 Reaction을위한 CSSase-in-JavaScript를 사용하십시오. https://github.com/airbnb/react-with-styles
cssx : JavaScript의 CSS http://krasimir.github.io/cssx/
cssobj : 런타임 CSS 관리자, CSS를 동적 JS 모듈로 변환, CSSOM의 스타일 시트 CRUD (작성, 읽기, 업데이트, 삭제), 이름 공간 (로컬) 클래스 이름 https://cssobj.github.io/cssobj-demo/
nano-component : 1kb 이하의 빠르고 간단한 반응 구성 요소 스타일 http://jxnblk.com/nano-component/
- 이전글캐싱 (Cashing:javascript) 18.09.20
- 다음글웹 페이지에 포함될 수있는 CSS 및 JavaScript 요소 세트 (CSS Toolkit) 18.09.20