您好,欢迎光临本网站![请登录][注册会员]  

搜索资源列表

  1. course-styled-components-fundamentals:课程“样式化组件基础知识”的源代码-css source code

  2. 组件化必杀技: styled-components 课程介绍 通过将ES6中的模板字符串( template literals )特性创建的用法到CSS编码上, styled-components变成前端社区现象级的CSS-IN-JS解决方案,使我们在不用担心样式和组件之间如何关联的情况下用CSS书写组件,让样式组件真正成为开发的基本单元。 那么,如何在React/React Native项目中使用styled-components ?如何改造现有项目?如何提高代码转换度和适应变化的能力?共8小
  3. 所属分类:其它

  1. daily-webapp:daily.dev网络应用-源码

  2. 每日Webapp daily.dev网络应用 daily.dev的Next.js + React Web应用程序。 它利用Next.js全新的增量静态生成功能来快速交付页面。 堆 节点v14.3.0(一.nvmrc提出了用户)。 NPM用于管理依赖项。 Next.js作为SSR(ISG)框架 React 样式化的样式组件 项目结构 __mocks__全局__mocks__ 。 __tests__在这里您可以找到所有的测试和固定装置。 测试是使用jest编写的。 components
  3. 所属分类:其它

    • 发布日期:2021-03-22
    • 文件大小:529kb
    • 提供者:weixin_42111465
  1. react-search-github-users-源码

  2. 入门项目 提供CSS(全局样式,样式化的组件) 文件夹/文件已经设置 包括所有进口(警告) 使用index.js可以更轻松地导入 样式化的组件 import styled from "styled-components" ; const ReactComponent = ( ) => { // logic here return { some content } } const Wrapper = styled . htmlElement ` write your styles
  3. 所属分类:其它

    • 发布日期:2021-03-21
    • 文件大小:495kb
    • 提供者:weixin_42135773
  1. githubuser-react-personal-源码

  2. 入门项目 提供CSS(全局样式,样式化的组件) 文件夹/文件已经设置 包括所有进口(警告) 使用index.js可以更轻松地导入 样式化的组件 import styled from "styled-components" ; const ReactComponent = ( ) => { // logic here return { some content } } const Wrapper = styled . htmlElement ` write your styles
  3. 所属分类:其它

    • 发布日期:2021-03-20
    • 文件大小:304kb
    • 提供者:weixin_42175035
  1. react-components-by-ruvkr:响应式动画,移动友好的轻量级React组件的集合-源码

  2. 响应式动画,移动友好的轻量级React组件的集合 100%功能组件 模块化的 指数 菜单 多层次 自动位置 在外面点击时自动隐藏 使用React门户 侧抽屉 可滑动 React灵敏 Spring动画 文字突出显示 突出显示任何范围 自定义样式 加注
  3. 所属分类:其它

    • 发布日期:2021-03-17
    • 文件大小:14mb
    • 提供者:weixin_42133861
  1. search-github-users:React课程-github用户信息-源码

  2. 入门项目 提供CSS(全局样式,样式化的组件) 文件夹/文件已经设置 包括所有进口(警告) 使用index.js可以更轻松地导入 样式化的组件 import styled from "styled-components" ; const ReactComponent = ( ) => { // logic here return { some content } } const Wrapper = styled . htmlElement ` write your styl
  3. 所属分类:其它

    • 发布日期:2021-03-17
    • 文件大小:304kb
    • 提供者:weixin_42131790
  1. react-layout-library:基于样式化组件的库,为布局提供统一的界面-源码

  2. React Layout库 通过将指定的道具(例如mt (代表margin-top )和ml以px单位)添加到组件中,React Layout库用于布局React组件的统一系统。 通过将高阶组件(HOC)应用于组件来添加道具。 除此之外,该库还提供了用于为阴影创建统一样式的HOC,以及用于轻松布局的FlexBox组件。 注意:您可以将这些HOC彼此分开使用。 用法 检查以获得更深入的使用。 首先,安装依赖项 npm i -D styled-components npm i -D reac
  3. 所属分类:其它

    • 发布日期:2021-03-17
    • 文件大小:127kb
    • 提供者:weixin_42120275
  1. personal-website-源码

  2. 个人网站 盖茨比初学者Julia 是一个基于React的免费开源静态网站构建器。 这是创建高速网页的想法的一种实现。 :books: 特征: 登陆页面 博客概述页面 Markdown从/ content文件夹中采购 每个帖子的预计阅读时间 带有情感的样式化组件 Netlify部署友好 Nunito字体包含在npm模块中 棱镜高亮显示语法 受Basecamp启发的Textmarkerstyle标题 使用React Helmet的网站元标记 离线支持插件 未发布博客文章草稿 :laptop:定制
  3. 所属分类:其它

    • 发布日期:2021-03-16
    • 文件大小:902kb
    • 提供者:weixin_42099906
  1. dicty-components-navbar:Navbar使用React和Material-UI的样式化组件构建-源码

  2. dicty-components-navbar 这是一个具有的响应式,可访问的navbar React库。 演示版 npm run demo 建造 # builds files in the src directory to the lib directory using babel npm run build 桌面 移动的 用法 顶级Navbar组件将负责渲染所有子组件。 如果您想加入品牌,请向其传递一个对象,如下所示: const brand = { title : "H
  3. 所属分类:其它

    • 发布日期:2021-03-15
    • 文件大小:287kb
    • 提供者:weixin_42116604
  1. design-system:核酸设计系统-源码

  2. nulogy /组件 使用React构建的组件使创建符合Nulogy Design System原理的接口变得容易。 :package: 安装 1.添加包装 对等依赖 nulogy / components依赖于React,ReactDOM和样式化组件。 如果尚不存在,则需要将它们添加到项目依赖项中。 要添加样式组件: yarn add styled-components^5.0.0样式组件yarn add styled-components^5.0.0 请检查您使用的版本是否与co
  3. 所属分类:其它

    • 发布日期:2021-03-11
    • 文件大小:763kb
    • 提供者:weixin_42110469
  1. welcome-ui:wttj的可定制设计系统,带有react•样式化组件•样式化系统•reakit-源码

  2. 欢迎界面 欢迎使用由创建的Welcome UI库,这是一个可自定义的设计系统,具有react•样式化的组件•styled-system和reakit。 在这里,您将找到创建令人愉悦的Webapp所需的所有核心组件。 :palm_tree: 安装 1-安装以下列出的对等依赖项: yarn add xstyled/styled-components xstyled/system prop-types react react-dom styled-components 2-安装核心组件以及
  3. 所属分类:其它

  1. react-native-styled-toast:使用样式化组件和样式化系统构建的主题友好,易于使用的本机吐司组件-源码

  2. React本机烤面包 使用样式化组件和样式化系统构建的主题化的本机吐司组件。 特征 纯JS实现 支持多种吐司 兼容iOS和Android 风格与主题矛盾 使用React Hooks编写 使用Typescr ipt完全键入 安装 $ yarn add react-native-styled-toast 用法 react-native-styled-toast可以与香草的react-native应用程序以及由Expo引导的react-native应用程序一起使用。 它利用引擎盖下的styled-
  3. 所属分类:其它

    • 发布日期:2021-03-11
    • 文件大小:247kb
    • 提供者:weixin_42140716
  1. GNUI::nail_polish:Nordcloud用于SaaS产品的设计系统-源码

  2. 通用Nordcloud用户界面 此回购包含Nordcloud PAT设计系统-可在PAT产品中使用的可重复使用的React组件的集合。 成分 设计系统( /components ) 故事书( /stories ) 用法 [WIP]安装github软件包。 故事书部署 使用Storybook可以预览GNUI组件。 它由Amplify Console自动部署,由分支master上的更改触发。 管道步骤可以在amplify.yml找到。 当您针对master分支创建PR时,Amplify将自动创建
  3. 所属分类:其它

    • 发布日期:2021-03-11
    • 文件大小:996kb
    • 提供者:weixin_42138788
  1. kodiak-ui:用于SkyVerge的React钩子和组件库-源码

  2. React的可用组件库和实用程序挂钩 介绍 Kodiak UI是一组原始的和复杂的组件以及用于构建应用程序的React钩子。 它由的高级在和其他产品上使用和构建。 所有组件都基于和库构建,以基于基于约束的设计原则构建应用程序。 所有组件都接受基于主题UI主题规范的样式化系统样式道具,以实现快速,一致的样式。 Kodiak挂钩体积小,可重复使用且经过良好测试,可提供最一致的方法来处理状态,数据和副作用。 开始吧 // Install primitive components yarn add
  3. 所属分类:其它

  1. components:固执己见的React UI库,使用样式化的组件和TypeScript构建-源码

  2. lapidist / components 固执己见的 UI库,由和构建。 入门 lapidist/components作为。 有关完整文档,请参见 。 安装 // via npm npm install lapidist/components styled-components // or via yarn yarn add lapidist/components styled-components 用法 确保使用组件包装应用程序。 这是一个快速的示例,可以帮助您入门: import
  3. 所属分类:其它

    • 发布日期:2021-03-09
    • 文件大小:355kb
    • 提供者:weixin_42138716
  1. react-components:使用样式化的组件React组件-源码

  2. Create React App入门 该项目是通过引导的。 可用脚本 在项目目录中,可以运行: yarn start 在开发模式下运行应用程序。 打开在浏览器中查看它。 如果您进行编辑,则页面将重新加载。 您还将在控制台中看到任何棉绒错误。 yarn test 在交互式监视模式下启动测试运行器。 有关更多信息,请参见关于的部分。 yarn build 构建生产到应用程序build文件夹。 它在生产模式下正确捆绑了React,并优化了构建以获得最佳性能。 生成被最小化,并且文件名包括哈希
  3. 所属分类:其它

    • 发布日期:2021-03-06
    • 文件大小:1001kb
    • 提供者:weixin_42129412
  1. trova-components:一组美丽多彩的React组件,用于构建现代美观的应用程序-源码

  2. Trova组件库 一组漂亮多彩的React组件,可构建一个现代漂亮的应用程序。 技术领域 和 用法 npm i trova/components import { ThemeWrapper , MainContent } from 'trova/components' ; 该库正在使用和内部主题化功能。 因此,我们提供了使用库的默认主题和默认全局样式的组件。 以下代码是用法示例: A Title A subtitle <
  3. 所属分类:其它

  1. ui-components::check_mark:完成:pushpin:学习如何将样式化的组件与x-styled和storybook一起使用以进行组件隔离-源码

  2. UI组件 关于 UI组件的构建旨在学习如何将样式化的组件与xstyled和storybook一起使用以进行组件隔离。 技术领域 使用以下项目创建项目: React 样式化的组件 xstyled 故事书 预习 预览故事书故事 克隆仓库: git clone https://github.com/piotrglodek/ui-components.git 与安装 : npm install 运行npm run storybook
  3. 所属分类:其它

    • 发布日期:2021-02-04
    • 文件大小:248kb
    • 提供者:weixin_42168265
  1. ui:使用引导网格系统来响应样式化的组件-源码

  2. 什么是Pal.js UI? Pal.js UI是您的下一个React应用程序的一组基本模块。 这些模块的目的是更快,更高效地解决通用任务,以便您可以专注于业务逻辑,而不必遵循常规程序。 包含什么 Pal.js UI npm软件包包含两件事: Pal.js UI主题 主题系统Typescr ipt对象的集合,允许您通过更改变量以更少的自定义样式来修改应用程序的外观。 响应断点-具有在Styled Components使用的功能breakpointUp breakpointDown brea
  3. 所属分类:其它

  1. babel-plugin-css-generator-react-components:在React组件中编写样式,并使用自动生成的.css文件样式化组件-源码

  2. babel-plugin-css-gener-react-components 在React组件中编写样式,并使用自动生成的.css文件获得样式化的组件。 我们支持嵌套定义。 在输出之前,我们使用Autoprefix和PostCSS嵌套。 您可以在以下示例中看到如何进行嵌套类的引用。 使用我们的插件的主要优点是您不需要编写classNames,也不必担心CSS的类名。 例 以下输入: //INPUT.JS Element . componentStyle ( STYLED_DIV
  3. 所属分类:其它

    • 发布日期:2021-01-31
    • 文件大小:29kb
    • 提供者:weixin_42127748
« 12 3 »