【4858美高梅】201叁年的8个开源项目,开启奥德赛N学习之旅

By admin in 4858美高梅 on 2019年4月18日

4858美高梅 1

4858美高梅 2

本子记录

版本号 时间
V1.0 2018.01.26

推特(TWTR.US)是海内外最大的交际网址,它的成长背后离不开开源力量。其开源项目负责人JamesPearce介绍说,Instagram从写下自身的第三行PHP代码开首,第三遍选拔MySQL
INSERT注解语句开端,开源就曾经融入到信用合作社的工程师文化内部了。 

uiw

高格调的UI工具包,基于React 1陆+的组件库。 

Github:
文档:

4858美高梅 3

uiw

高格调的UI工具包,基于React 1陆+的组件库。 

Github:
文档:

4858美高梅 4

前言

帕杰罗N向来用的非常的红,包涵照片墙、AirBub还有特斯拉等繁多供销合作社都在利用奥德赛N开垦协调的移动端,小编没用过奇骏N,所以很想学学它,下边作者就从头了,感兴趣的可以和本身1块儿念书。感兴趣的可以看前几篇文章。
壹. 张开LX570N学习之旅 (1) ——
基本通晓

4858美高梅 5 

安装

npm install uiw --save

安装

npm install uiw --save

Facebook/React-native

上边大家看一下Github中的Facebook/React-native,先看一下中间的3个笔者。

4858美高梅 6

接着看一下Facebook/React-native商旅的再3交由

4858美高梅 7

58927个star,还是很6的~~~


推特(推特(TWTR.US))不仅取之开源,更是无休止开源在那之中间项目,将个中成果报告给开源社区,能够说,那才是1个高大集团应当的态势。通过不断开源本身的成品品类,推特吸引了大气理想开荒者为其行事。能够因而小说《后起之秀超过前辈Facebook(TWTQX56.US)凭什么挑衅网络霸主谷歌?》详见领会推特背后的开源力量。 

飞速使用

import React from 'react';
import ReactDOM from 'react-dom';
import { Button } from 'uiw';

ReactDOM.render(
  <Button type="primary">Hello</Button>, 
  document.getElementById('app')
);

敏捷使用

import React from 'react';
import ReactDOM from 'react-dom';
import { Button } from 'uiw';

ReactDOM.render(
  <Button type="primary">Hello</Button>, 
  document.getElementById('app')
);

Overview

Learn once, write anywhere,使用React构建mobile app。

  • 使用JavaScript and React创设原生mobile app
    • `React Native“让您然则使用Javascript就能创设mobile app.
      它采取和React一致的统一筹划,让您从表明性组件创设丰富的mobile
      UI。
  • 一个React Native的app是三个真的的mobile app
    • 有了React Native,你不要营造mobile web app、一个
      HTML5 app要么1个hybrid app。您能够营造八个与行使Objective-C,Java或斯维夫特营造的应用程序未有不小区其余真的的mobile app。React
      Native使用与常规iOS和Android应用程序同样的基本UI创设块。
      您只需采纳JavaScript和React将这个营造块组成在联合就可以。
  • 不会在重新编译上浪费时间
    • React Native可让您越来越快地创设应用程序。
      而不是重复编写翻译,你能够及时重新加载你的应用程序。
      随着热重新加载,你甚至足以运作新的代码,同时有限辅助你的应用程序状态。
      试一试 – 那是3个奇妙的经历。
  • 在急需时采纳原生native代码
    • React
      Native与用Objective-C,Java或斯威夫特编写的组件平滑地结合在一块儿。
      要是您需求优化应用程序的少数方面,则足以归纳地将其下拉为原生代码。
      在React Native中营造应用程序的1局地并间接采取原生代码也很轻便 –
      那正是推特(TWTR.US)应用程序的办事规律。

React Native的机要在于你关怀的有着平台的开垦职员功能 –
学习1次,随时到处编写。 Instagram在多少个生产应用程序中利用React
Native,并将再三再四入股于React Native。

至于React Native的介绍可以看官方React Native
website。

帮助的操作系统是Android 4.壹 (API 1陆) 和 >= iOS 八.0

  • Getting
    Started
  • Documentation
  • Upgrading
  • Contributing
  • License

当然,开源的类型不全是高大上,还有1部分小型项目值得1看。下边大家联合领悟下201三年推特的这多少个小型开源项目。 

文书档案工具

请访问 uiw-react.github.io 网址精晓越来越多

文书档案工具

请访问 uiw-react.github.io 网址明白更加多

Getting Started – 大家初叶

依据教导文书档案【4858美高梅】201叁年的8个开源项目,开启奥德赛N学习之旅。Getting Started
guide,提议设置React
Native的方法取决于你的连串。 在此地您可以找到最广大的图景的简便指南:

  • Trying out React
    Native
  • Creating a New
    Application
  • Adding React Native to an Existing
    Application

1. xctool 

开发

要付出,运营自重新构建,获代替码:

$ git clone https://github.com/uiw-react/uiw.git
$ cd uiw
$ npm install # or  yarn install

要开销,运营自重新塑造:

# Run the app
# Restart the app automatically every time code changes. 
# Useful during development.
$ npm start

开荒浏览器并走访:http://127.0.0.1:2087

革新文书档案

npm run deploy

文件目录表明

├── dist           # 生成的文档静态文件目录
├── docs           # 文档的源文件
├── lib            
├── package.json
├── script
└── src            # React组件在此

开发

要支付,运转自重新构建,获替代码:

$ git clone https://github.com/uiw-react/uiw.git
$ cd uiw
$ npm install # or  yarn install

要开销,运维自重新塑造:

# Run the app
# Restart the app automatically every time code changes. 
# Useful during development.
$ npm start

开拓浏览器并访问:http://127.0.0.1:2087

履新文书档案

npm run deploy

文件目录表达

├── dist           # 生成的文档静态文件目录
├── docs           # 文档的源文件
├── lib            
├── package.json
├── script
└── src            # React组件在此

Documentation

The website’s
documentation分成多少个部分:

  • 那边的引导文书档案关于下边多少个核心,比如
    debugging、integrating
    with existing
    apps、
    the gesture responder
    system。
  • Components一部分包蕴React components,比如UIView和UIButton。
  • APIs部分包含别的库,比如Animated和StyleSheet,这个库不是React
    components。
  • 终极,React
    Native提供了有个别小数目标4858美高梅,Polyfills,并提供类似web的APIs。

叩问越多关于React
Native包涵的机件和API的另3个好措施是阅读它们的源代码。
例如,查看Libraries / Components目录下的ScrollViewTextInput等组件。
RNTester的事例也在此间演示1些应用这么些组件的办法。
从源头上,您能够规范理解各个组件的行为和API。

React Native文书档案仅探究特定于React
Native的机件,API和核心(iOS和Android上的React)。 有关在React
Native和React DOM之间共享的React API的更加多文书档案,请参阅React
documentation。


一款Apple
xcodebuild的代替工具,能够让创设和测试iOS和Mac项目变得尤为简便易行,越发适合持续集成(Continuous
integration)式的支付施行。 

License

Licensed under the MIT License.

License

Licensed under the MIT License.

Upgrading

React Native正在主动开辟中。 请参阅upgrading React
Native的指南,以维持项指标风靡状态。


xctool并是简简单单地进行代替,它还增添了有个别新职能,如: 

Contributing

请阅读下文,精通怎么插足革新React Native。

  • 支持将构建&测试结果结构化输出
  • 分界面友好,帮助ANSI彩色输出
  • 进程越来越快,帮忙开始展览交互测试,使得运营速度进步二~3倍

1. Code of Conduct

照片墙已经选择了我们旨在项目参加者遵循的行为准则。 请阅读 the full
text,以便精通怎么着行为是可以容忍的,哪些不得以容忍。

开源磋商:Apache License 2.0 

2. Contributing Guide

开卷我们的contributing
guide,领会大家的开采进度,怎么着建议错误修复和更始,以及如何营造和测试你对React
Native的变动。

4858美高梅 8 

3. Beginner Friendly Bugs

大家列出了一多元beginner friendly
issues,以补助你深刻摸底React
Native代码库并熟习大家的孝敬流程,那是一个发端的好地点。


2. Buck 

License

React Native是 BSD
licensed,大家还会增加patent
grant。

React Native文档是Creative Commons
licensed。

一款Android、Java创设筑工程具,该类型的一个首要点正是位于了“提速Android创设进程”上。首要透过应用多核并行运维,保持追踪无变化模块以压缩重复创设时间等艺术来完毕减弱总体营造时间的目标,具体可了解。 

后记

本篇已了结,前面更完美~~~

4858美高梅 9

开源协和式飞机:Apache License 2.0 

3. Rebound 

3个Java动画库,Rebound的弹簧模型(spring
model)在应用程序中引进了切实可行世界的大意,成立的动画令人感觉很自然,能够用在滚动条、切换按键等情景下,可在类型主页中的德姆o里面观察效果。 

开源协和式飞机:BSD License 

4858美高梅 10 

4. React 

用来营造用户分界面包车型大巴JavaScript库,格外灵活,可与当前风靡的库和框架一齐行使,近日早就在推特及照片墙等网址实行了运用。 

开源合计:Apache License 2.0 

4858美高梅 11 

5. Regenerator 

在Node.js中使用generator ,最后会时有产生一批无法在客户端实行的代码。所以,照片墙团队开采出了Regenerator,以替代Node.js中的原生generator,让开荒者写出更为绝望、成效庞大的代码。 

开源探究:BSD License 

4858美高梅 12 

6. Huxley 

Web应用程序UI测试工具,开采语言为Python。赫胥黎能够监督内容改造、举行显示屏截图,之后反映给大家哪些地点举行了转移,对响应式设计测试也是足以的。 

开源协议:Apache License 2.0 

7. Presto 

推特的分布式SQL查询引擎,可用来进展高效、实时的交互式数据查询与分析。Presto在CPU的属性和首要的查询质量上比Hive/MapReduce要好7~拾倍以上。每一日,会有一千名推特职员和工人选取Presto对PB级的数据实行围观,运营查询三千0次以上。除Facebook公司外,Airbnb和Dropbox也都已经应用了Presto。 

越来越多内容,能够参考CSDN小说《比Hive高效7倍,推文(Tweet)推新一代查询引擎Presto》。 

开源切磋:Apache License 2.0 

4858美高梅 13 

8. RocksDB 

RocksDB基于LevelDB的嵌入式key-value存款和储蓄类库,但增加了扩充性,能够运作在多核处理器上、有效利用便捷储存,扶助IO绑定、内部存款和储蓄器和叁遍写负荷。可查看极客头条的有个别介绍。 

开源切磋:BSD License 

4858美高梅 14 

9. Origami 

无须编程就能够通过Origami轻易创立交互设计原型。提示:Quartz
Composer是Mac下一款图片编制程序工具,专门用来变化种种动态视觉效果,包涵可互相的分界面原型。 

该工具提供的查看器扶助Retina、援救原生全屏,当拖动图片时也会自行抬高一个图层。同时,官方也付出了繁多范例,匡助使用者学习该工具的利用。 

开源磋商:内容 

4858美高梅 15 

 

发表评论

电子邮件地址不会被公开。 必填项已用*标注

网站地图xml地图
Copyright @ 2010-2019 美高梅手机版4858 版权所有