CodeEase让前端飞React Native实践

2018年9月10月前端必须star的github项目

2018-11-13  本文已影响21人  mytac

这里面图片有的上传会失败，为了良好的阅读体验，移步到本人的github地址查看原文

网络请求

  1. ky -- 基于浏览器Fetch API的简洁优雅的HTTP客户端
import ky from 'ky';

(async () => {
    const json = await ky.post('https://some-api.com', {json: {foo: true}}).json();

    console.log(json);
    //=> `{data: '🦄'}`
})();

如果用普通的fetch，它将会是

(async () => {
    class HTTPError extends Error {}

    const response = await fetch('https://sindresorhus.com', {
        method: 'POST',
        body: JSON.stringify({foo: true}),
        headers: {
            'content-type': 'application/json'
        }
    });

    if (!response.ok) {
        throw new HTTPError(`Fetch error:`, response.statusText);
    }

    const json = await response.json();

    console.log(json);
    //=> `{data: '🦄'}`
})();

  1. nuage -- Dropbox克隆，适用于FTP，SFTP，WebDAV，Git，S3，Minio，....

    demo

node相关

  1. Microjob -- 一个微小的包装器，用于将Node.js工作线程转换为易于使用的例程，用于繁重的CPU负载。 
(async () => {
  const { job } = require('microjob')

  try {
    // this function will be executed in another thread
    const res = await job(() => {
      let i = 0
      for (i = 0; i < 1000000; i++) {
        // heavy CPU load ...
      }

      return i
    })

    console.log(res) // 1000000
  } catch (err) {
    console.error(err)
  }
})()

  1. rxdb -- Web的实时数据库

    [图片上传失败...(image-cd83fd-1542093330503)]

  2. nodemon -- 监视node.js应用程序中的任何更改并自动重新启动服务器 - 非常适合开发

数据可视化

  1. muze -- 用于Web的可组合数据可视化库，具有数据优先方法
    Muze是一个数据可视化库，它使用分层的图形语法（GoG）为Web创建可组合的交互式数据可视化。它使用数据优先方法来定义图表的构造和层，自动生成跨图表交互，并允许您覆盖图表上的任何行为或交互。
    demo

graphql

  1. apollo-server -- 适用于Express，Connect，Hapi，Koa等的GraphQL服务器
  2. graphqldesigner.com -- 一个开发人员Web应用程序工具，可以使用React快速构建GraphQL的完整堆栈CRUD实现。

[图片上传失败...(image-8145bf-1542093330503)]

  1. graphpack -- 简约的零配置GraphQL服务器。

地理相关

  1. AgentMaps -- 使用Javascript在交互式地图上进行社交模拟！基于代理的Web建模。

    demo演示

    [图片上传失败...(image-857a18-1542093330503)]

pwa相关

  1. pwa -- 通用PWA Builder

文件处理

  1. percollate -- 一种命令行工具，可将网页抓取为格式精美的PDF

react-native相关

  1. react-native-starter -- React Native Starter是一个移动应用程序模板，包含许多内置组件
  2. react-native-paper -- react native material design
demo

  1. galio -- Galio是一个设计精美，免费和开源的React Native Framework

    galio

react相关

  1. react-proto --为开发人员和设计人员提供react应用原型设计工具。
  2. rfcs -- 用于更改React的RFC
  3. evergreen -- 分段的Evergreen React UI框架
    文档
  4. why-did-you-update -- 当React进行不必要的更新时，将控制台置于爆炸状态。
  5. crana -- 一个CLI工具，只需一个命令即可创建React + Node应用程序
  6. the-platform -- Web API变成了React Hooks和Suspense友好的React组件。

状态管理

  1. unstated -- 用于react的状态管理

文本处理

  1. fastscan -- 通过ahocorasick算法快速搜索文本

[图片上传失败...(image-eb4fb4-1542093330503)]

vue相关

  1. tiptap -- Vue.js的富文本编辑器
<template>
  <editor>
    <!-- Add HTML to the scoped slot called `content` -->
    <div slot="content" slot-scope="props">
      <p>Hi, I'm just a boring paragraph</p>
    </div>
  </editor>
</template>

<script>
// Import the editor
import { Editor } from 'tiptap'

export default {
  components: {
    Editor,
  },
}
</script>

  1. gridsome -- 使用Vue.js和GraphQL构建超快的网站

    文档

机器学习

  1. ganlab -- 用于生成对抗网络的交互式可视化实验工具

    演示demo

    [图片上传失败...(image-168e1d-1542093330503)]

控件

  1. react-modal-experiment -- 用于移动端的全屏表单react组件

    demo

小程序

  1. omi -- Omi === Preact + Scoped CSS +Store System +本机支持3kb javascript。

    文档

  2. westore -- 世界上最小却强大的小程序框架 - 100多行代码搞定全局状态管理、跨页通讯和插件开发

浏览器插件

  1. markdown-here -- Google Chrome，Firefox和Thunderbird扩展程序，可让您在Markdown中编写电子邮件并在发送前进行呈现。

    demo

时间处理

  1. You-Dont-Need-Momentjs -- 可用于替换moment.js + ESLint插件的日期文件或本机函数列表

编辑器

  1. alex -- 无论是你自己还是别人的写作，亚历克斯都会帮助你找到性别偏好，两极分化，种族相关，宗教不体贴或其他不平等的措辞。

    在线示例

  2. awesome-vscode -- vscode插件集合

架构

  1. jslib-base -- 最好用的js第三方库脚手架，赋能js第三方库开源，让开发一个js库更简单，更专业

静态page

  1. md-page -- 创建一个只用markdown的网页
    demo

学习的文档

  1. 33-js-concepts -- 每个JavaScript开发人员应该知道33个概念。
  2. 33-js-concepts -- 每个JavaScript开发人员应该知道33个概念。(中文版)
  3. Web-Series -- 现代 Web 开发，现代 Web 开发导论 | 基础篇 | 进阶篇 | 架构优化篇 | React 篇 | Vue 篇 Web 开发，入门易，深度难，分为初窥门径、登堂入室、融会贯通等阶段。本仓库存放 ITCS 技术体系与知识图谱-Web 前端相关领域的 Web 开发基础与工程实践的相关博客、示例代码与开源项目、整理成的系列书籍等内容；目前为了更好地体系化阅读，笔者将所有的内容规整到了不同的系列文章 / 书籍中。
  4. 30-seconds-of-css -- 精选的有用CSS片段集合，您可以在30秒或更短的时间内理解这些片段。
  5. react-conf-2018 -- 90% Cleaner React w/ Hooks

funny stuff

  1. chinese-dos-games -- 浏览器游玩中文 DOS 游戏
    目前包括
仙剑奇侠传
模拟城市 2000
美少女梦工厂
同级生 2
大富翁3
明星志愿1
金庸群侠传
轩辕剑1
轩辕剑2
皇帝
轩辕剑外传：枫之舞
疯狂医院
大航海时代
大航海时代2
银河英雄传说III SP
三国志II
三国志III
三国志IV
三国志V
三国志V 威力加强版
三国志英杰传
主题医院
三国演义
三界谕：邦沛之迷
殖民计划
炎龙骑士团II‧黄金城之谜
倚天屠龙记
信长之野望·天翔记
信长之野望·霸王传
金瓶梅之偷情宝鉴
江南才子唐伯虎
暗棋圣手
太阁立志传
非洲探险2

演示地址

  1. docsite -- 一个开源静态网站生成器

关注订阅号获得更加及时的推送~

wechat：那屋水泡
上一篇 下一篇

猜你喜欢

热点阅读