styled-components
美国
程序代码 框架/库

styled-components

针对React写的一套css in js框架

爱站权重:PC 百度权重移动 百度移动权重
其他站点: GitHub

style-components是针对react写的一套css in js框架,简单来讲就是在js中写css。相对于与预处理器(sass、less)的好处是,css in js使用的是js语法,不用重新再学习新技术,也不会多一道编译步骤。无疑会加快网页速度。如果有sass或less的开发经验,几分钟就可以学会style-components。

styled-components与react(针对web)和React Native兼容。

安装

npm install styled-components@beta
例子

import React from 'react';

import styled from 'styled-components';

// Create a react component that renders an </p> <h1> which is<br /> // centered, palevioletred and sized at 1.5em<br /> const Title = styled.h1`<br /> font-size: 1.5em;<br /> text-align: center;<br /> color: palevioletred;<br /> `;</p> <p>// Create a <Wrapper> react component that renders a </p> <section> with<br /> // some padding and a papayawhip background<br /> const Wrapper = styled.section`<br /> padding: 4em;<br /> background: papayawhip;<br /> `;</p> <p>// Use them like any other React component – except they're styled!<br /> <Wrapper><br /> <Title>Hello World, this is my first styled component!

数据统计

数据评估

styled-components浏览人数已经达到9,如你需要查询该站的相关权重信息,可以点击"爱站数据""Chinaz数据"进入;以目前的网站数据参考,建议大家请以爱站数据为准,更多网站价值评估因素如:styled-components的访问速度、搜索引擎收录以及索引量、用户体验等;当然要评估一个站的价值,最主要还是需要根据您自身的需求以及需要,一些确切的数据则需要找styled-components的站长进行洽谈提供。如该站的IP、PV、跳出率等!

关于styled-components特别声明

本站东辰资源网提供的styled-components都来源于网络,不保证外部链接的准确性和完整性,同时,对于该外部链接的指向,不由东辰资源网实际控制,在2021年10月5日 下午3:53收录时,该网页上的内容,都属于合规合法,后期网页的内容如出现违规,可以直接联系网站管理员进行删除,东辰资源网不承担任何责任。

相关导航

暂无评论

暂无评论...