emotion,ramda,typeScript

  1. emotion
    emotion是一个CSS库,是用javaScript编写css样式的库。学习了以下几种使用了emotion的方法
    1). @emotion/css
    @emotion/css包与框架无关,用css 函数来生成类名,用 cx 来组合它们。
    2). @emotion/styled
    @emotion/styled包,用来创建组件的,用styled.*创建带样式的React组件;如果想要改变样式可以通过props

  2. React Ant Design4表单核心库rc-field-form。

  3. ramda函数库的api。
    ramda和之前用过的lodash库相比较:
    1). 参数的位置不一样,Ramda 的数据一律放在最后一个参数,理念是"function first,data last"。
    2). 所有的方法支持柯里化。

  4. typeScript。
    ts是一套语法规则,帮助约束自己的代码规范。可以直接在开发过程中暴露错误,可以约束变量类型,可以描述函数规则,即明确的告诉使用者该函数的参数类型与返回值类型,使用interface描述复杂数据,描述class对象等

上一篇:4-3 CSS-IN-JS


下一篇:CSS-模块化