2018年1月前端必須star的github項目

這里面圖片有的上傳會失敗,為了良好的閱讀體驗,移步到本人的github地址查看原文

框架

  1. hyperapp -- 1 KB用于構建Web應用程序的JavaScript庫。他的特點是輕量和開箱即用,它將狀態(tài)管理與支持密鑰更新和生命周期事件的VDOM引擎相結(jié)合,所有這些都不依賴于任何依賴關系。

腳手架相關

  1. jarvis -- 一個非常智能的基于瀏覽器的Webpack儀表板它的主要特點是可以查看在12種不同的網(wǎng)絡制式中你的項目的表現(xiàn)情況。
    [圖片上傳失敗...(image-616ff-1517363518360)]

網(wǎng)絡通信

1.greenlet -- 移動一個異步函數(shù)到自己的線程。他的原理是接受一個異步函數(shù),生成一個在Web Worker中運行的副本。

示例:

import greenlet from 'greenlet'

let get = greenlet(async url => {
    let res = await fetch(url)
    return await res.json()
})

console.log(await get('/foo'))
  1. sockette -- 最可愛的小WebSocket包裝!Sockette是一個很小的(319字節(jié))WebSocket封裝,如果連接丟失,它將自動重新連接!

編輯器

  1. tui.editor -- Markdown所見即所得的編輯器。圖表和UML在markdown語法。
    demo

react相關

  1. react-sortable-hoc -- 觸摸有好、可排序的列表
  2. after.js -- 類似Next.js,使用React Router 4構建的ssr React應用程序的框架

node相關

  1. polka -- 基于express的微型Web服務器簡單程序上比express快30%;支持中間件:包括express中間件;和express幾乎相同的api和路由模式;
  2. safe-start-koa2 -- 簡單直接的 Koa2 的腳手架

PWA

  1. lavas -- 基于 Vue 的 PWA 解決方案,幫助開發(fā)者快速搭建 PWA 應用,解決接入 PWA 的各種問題

官網(wǎng)示例,建議在手機瀏覽器打開

博客/文檔

  1. project-guidelines -- JavaScript工程項目的一系列最佳實踐策略

  2. outline -- 為成長中的團隊開放源代碼wiki和知識庫比較適合創(chuàng)業(yè)團隊來看的

    文檔

  3. standard -- JavaScript風格指南,配有l(wèi)inter&自動代碼修復器

  4. webpack-demos -- Webpack的簡單演示的集合

funny-stuff

  1. PlanMaster -- 威信小程序套餐助手:手機套餐對比選購小程序
  2. jspaint -- windows經(jīng)典的畫圖工具

[圖片上傳失敗...(image-46130c-1517363518360)]

demo地址

  1. ilsap -- Intellij許可證服務器活動代理這個我自己還沒有測試,使用jet brains家的產(chǎn)品就fork一下把~~
?著作權歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內(nèi)容