react-sketchapp入门基础知识_为设计系统量身定制的开源库

react-sketchapp入门基础知识

官方网址:http://airbnb.io/react-sketchapp/

react-sketchapp入门基础知识_为设计系统量身定制的开源库

GitHub:https://github.com/airbnb/react-sketchapp

简介描述:为设计系统量身定制的开源库

react-sketchapp是一个开源库,为设计系统量身定制。它通过将 React 元素渲染到 Sketch 来连接设计和开发之间的鸿沟。

这个神奇的开源库给设计师们提供了一个全新的设计工作流程:在时下最流行的 React 前端框架下用代码进行设计,并实时渲染到 Sketch 中审阅设计。细思恐极,在设计圈大红大紫的 Sketch 虽说占了开源库的一半名字,但其实担当的只是一个浏览器的角色。真正留下的设计文档则成了代码。

你现在可以用react-sketchapp做什么:

管理可复用的设计资源。
使用真实的数据和组件进行设计。

海计划公众号
(0)
上一篇 2020/03/06 08:35
下一篇 2020/03/06 08:35

您可能感兴趣的内容

  • worker-plugin入门教程_向Webpack添加本机Web Worker捆绑支持

    worker-plugin入门教程 官方网址:https://npm.im/worker-plugin GitHub:https://github.com/GoogleChrome…

    2020/03/11
  • React 中 的 9 种优化技术使用攻略_优化小白攻略

    谷歌的数据表明,一个有 10 条数据 0.4 秒可以加载完的页面,在变成 30 条数据加载时间为 0.9 秒后,流量和广告收入减少了 20%。当谷歌地图的首页文件大小从 100kb 减少到 70~80kb 时,流量在第一周涨了 10%,接下来的三周涨了 25%。腾讯的前端工程师根据长期的数据监控也发现页面的一秒钟延迟会造成 9.4% 的 PV 的下降,8.3

    2020/03/24
  • 解决微信返回上一页.页面不刷新问题菜鸟教程网_微信菜鸟教程

    在项目中遇到的一个神奇的 BUG,点击「返回」按钮返回到上一页,但是页面却没有刷新。这是 ios 微信的缓存机制造成的,跳转到下一页时仍然会缓存当前页。解决方法:window.onpageshow = function (event) {if (event.persisted) {window.location.reload()}
    }onload 事件在页面

    2020/03/30
  • ES6中箭头函数小白攻略_函数入门百科

    基本用法ES6 允许使用“箭头”(=>)定义函数。var f = v => v;
    // 等同于
    var f = function (v) {return v;
    };如果箭头函数不需要参数或需要多个参数,就使用一个圆括号代表参数部分。var f = () => 5;
    // 等同于
    var f = function () { return 5 };
    var su

    2020/03/26
  • 单页面应用的History路由模式express后端中间件配合基础入门_express入门攻略

    这篇文章主要分享一下通过HTML5的history API的时候,使用NodeJS后端应该如何配置,来避免产生404的问题,这里是使用的express的框架,主要是通过connect-history-api-fallback这个中间件来实现的。前言这里使用vue-router来实现的单页应用为例,访问http://cnode.lsqy.tech,进入首页,点

    2020/03/24
  • Surfingkeys入门基础_一个Chrome扩展,提供了基于键盘的导航和Web控制

    Surfingkeys入门基础 官方网址:https://chrome.google.com/webstore/detail/surfingkeys/gfbliohnnapiefj…

    2020/03/07
  • vue封装axios和利用拦截器监控返回的token的变化和报错信息菜鸟教程网_axios入门百科

    一、axios的封装点击此处查看axios官方文档步骤一:安装axios进入vue-clinpm install axios步骤二:新建一个httpConfig文件下,创建两个js文件,一个作为axios拦截器用,一个封装接口步骤三:在serviceAPI.config.js中封装所有的API接口const BASEURL = ‘http://192.16

    2020/03/23
  • js不同数据类型下的toString()与toLocaleString()的输出差异使用攻略_js知识菜鸟指南

    toString()与toLocaleString()方法主要针对对象Object转换为字符串,如果是基本类型调用它们的时候,先会把基本类型实例化为对应的对象类型,然后在转换为字符串。如:var test= ‘a’;这里的test并不是对象类型,但是在调用时会首先通过new String()将它实例化为String包装类型。这篇文章主要讲解不同数据类型下的t

    2020/04/06
  • javascript如何实现冒泡排序?使用帮助_排序菜鸟攻略

    冒泡排序是一种简单的排序算法。它重复地走访过要排序的数列,一次比较两个元素,如果它们的顺序错误就把它们交换过来。走访数列的工作是重复地进行直到没有再需要交换,也就是说该数列已经排序完成。这个算法的名字由来是因为越小的元素会经由交换慢慢“浮”到数列的顶端。JavaScript中实现冒泡排序的思路:数组中有 n 个数,比较每相邻两个数,如果前者大于后者,就把两个

    2020/03/24
  • ui-router小白基础_一个AngularJS路由模块

    ui-router小白基础 官方网址:http://ui-router.github.io/ GitHub:https://github.com/angular-ui/ui-rou…

    2020/03/06
  • JavaScript JSON小白攻略_json攻略教程

    JSON 是存储和传输数据的格式。JSON 经常在数据从服务器发送到网页时使用。什么是 JSON?JSON 指的是 JavaScript Object NotationJSON 是轻量级的数据交换格式JSON 独立于语言 *JSON 是“自描述的”且易于理解* JSON 的语法是来自 JavaScript 对象符号的语法,但 JSON 格式是纯文本。读取和生

    2020/03/23
  • vue的provide/inject的使用菜鸟教程下载_组件使用教程

    vue的provide/injectprovide/inject 这对选项需要一起使用,以允许一个祖先组件向其所有子孙后代注入一个依赖,不论组件层次有多深,并在起上下游关系成立的时间里始终生效。说明无论多少层都会被子组建拿到主要用在高阶组件provide 选项应该是一个对象或返回一个对象的函数。inject 选项应该是:一个字符串数组,或 一个对象,对象的

    2020/03/26
  • HTML的poster属性怎么用?零基础入门_属性使用教程

    HTML的poster属性主要应用在

    2020/03/20
  • 织梦dedeCMS使用帮助国内开源CMS的内容管理系统

    织梦dedeCMS小白指南 官方网址:http://www.dedecms.com/ 简介描述:国内开源CMS的内容管理系统 织梦CMS是集简单、健壮、灵活、开源几大特点的开源内容…

    2020/03/06
  • NodeJS有什么优势菜鸟攻略_node入门知识

    Node.js是一个javascript运行环境。它让javascript可以开发后端程序,实现几乎其他后端语言实现的所有功能,可以与PHP、Java、Python、.NET、Ruby等后端语言平起平坐。NodeJS的优势1、Nodejs语法完全是js语法,只要你懂js基础就可以学会Nodejs后端开发Node打破了过去JavaScript只能在浏览器中运行

    2020/03/22
  • 高清手机/电脑壁纸类网站推荐零基础入门_手机小白指南

    经常就为了找一些分辨率高的壁纸而费尽心思,目前的手机端的壁纸分辨率也是参差不齐,质量高的数量少,数量多的质量差,今天就分享几个我感觉不错的壁纸(摄影)网站吧,可以勾选分辨率选择壁纸。​wallheaven官网:https://alpha.wallhaven.cc/关键词:创意、艺术、动漫、科幻、视觉适合用户:摄影师、插画师、漫画家推荐指数:★★★★★必应壁纸

    2020/03/30