🚀GitHub 上面向 Web 开发人员的 10 个热门项目 - 2020 年 6 月 5 日 Snowpack HTML5 Boilerplate Airbnb JavaScript 样式指南() { Definitely Typed Ant Design 机器学习系统设计 Supabase Realtime

2025-06-08

🚀GitHub 上面向 Web 开发者的 10 个热门项目 - 2020 年 6 月 5 日

积雪

HTML5 样板

Airbnb JavaScript 样式指南() {

绝对打字

Ant Design

机器学习系统设计

Supabase 实时

《Trending Projects》以每周简讯形式提供,请在www.iainfreestone.com上注册,以确保您不会错过任何一期。

继上周之后,响应式应用Node 最佳实践算法可视化JS 算法真实世界等话题持续走高,因此本篇不再赘述。更多详情,请参阅上周的文章。

1. 积雪

适用于现代网络的更快构建系统。

GitHub 徽标 FredKSchott /积雪

ESM 驱动的前端构建工具。即时、轻量、非捆绑式开发。✌️

更新(2022 年 4 月 20 日): Snowpack 不再积极维护,不建议用于新项目。

了解Vite,它是一个维护良好的 Snowpack 替代方案。
另请参阅:esbuildparcel

积雪

Snowpack 是一款极速前端构建工具,旨在充分利用 JavaScript 原生的模块系统(即 ESM)。它可以作为开发流程中 webpack 或 Parcel 等更繁重、更复杂的打包工具的替代方案。

主要特点

💁 更多信息请访问 Snowpack 官方网站 ➞


贡献者指南: CONTRIBUTING.md
许可证: MIT





2. HTML5 样板

用于构建快速、强大且适应性强的 Web 应用程序或网站的专业前端模板。

GitHub 徽标 h5bp / html5 样板

用于构建快速、强大且适应性强的 Web 应用程序或网站的专业前端模板。

构建状态 执照 NPM 下载 github-stars-image

HTML5 Boilerplate 是一个专业的前端模板,用于构建快速、强大且适应性强的 Web 应用程序或网站。

该项目凝聚了十多年的迭代开发和社区知识。它不强加特定的开发理念或框架,因此您可以自由地按照自己想要的方式构建代码。

关于此存储库

此代码库是 HTML5-Boilerplate 的编写地。您在此处看到的一些工具文件和流程仅用于生成HTML5 Boilerplate,并非HTML5 Boilerplate 的一部分。例如,gulpfile.mjs脚本用于构建项目,它本身不属于项目。

我们发布的项目由/dist/文件夹的内容表示。此存储库中的其他所有内容均用于创作项目。

请这样想,就像你一样……


3.Air BnB JavaScript 样式指南

JavaScript 样式指南

GitHub 徽标 爱彼迎/ JavaScript

JavaScript 样式指南

Airbnb JavaScript 样式指南() {

一种最合理的 JavaScript 方法

注意:本指南假设您正在使用Babel,并要求您使用babel-preset-airbnb或等效程序。本指南还假设您正在应用中安装 shims/polyfills,例如airbnb-browser-shims或等效程序。

下载 下载 吉特

本指南还提供其他语言版本。请参阅翻译

其他风格指南

目录

  1. 类型
  2. 参考
  3. 对象
  4. 数组
  5. 解构
  6. 字符串
  7. 功能
  8. 箭头函数
  9. 类和构造函数
  10. 模块
  11. 迭代器和生成器
  12. 特性
  13. 变量
  14. 提升
  15. 比较运算符和相等性
  16. 区块
  17. 控制语句
  18. 评论
  19. 空格
  20. 逗号
  21. 分号
  22. 类型转换和强制转换
  23. 命名约定
  24. 访问器
  25. 活动
  26. jQuery
  27. ECMAScript 5 兼容性
  28. ECMAScript 6+(ES 2015+)样式
  29. 标准库
  30. 测试
  31. 表现
  32. 资源
  33. 在野外
  34. 翻译
  35. JavaScript 风格指南
  36. 与我们讨论 JavaScript
  37. 贡献者
  38. 执照
  39. 修正案

类型

  • 1.1 原始类型:当您访问原始类型时,您需要……


4. 函数式 JS 基本指南

GitHub 徽标 基本足够/基本足够指南

FP 基本指南(JavaScript 版)

覆盖

关于本书

这本书主要讲解函数式范式。我们将使用世界上最流行的函数式编程语言:JavaScript。有些人可能会觉得这是一个糟糕的选择,因为它与当下以命令式编程为主的文化格格不入。然而,我相信这是学习函数式编程的最佳方式,原因如下:

  • 您可能每天都会在工作中使用它。

    这样,您就可以每天在现实世界的程序中练习和应用所获得的知识,而不是在晚上和周末用深奥的 FP 语言进行宠物项目。

  • 我们不需要预先学习所有东西就可以开始编写程序。

    在纯函数式语言中,如果不使用 monad,就无法记录变量或读取 DOM 节点。在这里,我们可以稍微“作弊”一下,学习如何净化代码库。这样也更容易上手……


5. 绝对类型

高质量 TypeScript 类型定义的存储库。

GitHub 徽标 DefinitelyTyped / DefinitelyTyped

高质量 TypeScript 类型定义的存储库。

绝对打字

高质量TypeScript 类型定义的存储库

您还可以阅读此自述文件的西班牙语한국어Русский简体中文葡萄牙语意大利语日本语法语

管理手册链接

!!! 重要!此 repo 最近更改了布局!!!!

Definitely Typed 最近已更改为适当的pnpmmonorepo;您可能需要重新阅读此文档以了解此 repo 中包布局的更改。

至少,你可能需要清理git clean -fdx仓库(或者在 Windows 上)并运行以安装工作区根目录。有关 的更多信息,请参阅后续章节node ./scripts/clean-node-modules.jsnode_modulespnpm install --filter .pnpm install

当前状态

本部分跟踪仓库和发布过程的健康状况。它可能会帮助那些在 PR 和软件包方面遇到问题的贡献者。


6. Ant Design

UI 设计语言和 React UI 库

GitHub 徽标 蚂蚁设计/蚂蚁设计

企业级 UI 设计语言和 React UI 库

Ant Design

企业级的 UI 设计语言和 React UI 库。

CI 状态 代码验证 NPM 版本 NPM 下载

FOSSA 状态

关注 Twitter 翻新状态 杜米 需要帮助的问题

变更日志·报告错误·请求功能· 英语 ·中文

❤️ 赞助商和支持者

✨ 特点

  • 🌈 专为 Web 应用程序设计的企业级 UI。
  • 📦 一套开箱即用的高质量 React 组件。
  • 🛡 使用 TypeScript 编写,具有可预测的静态类型。
  • ⚙️ 全套设计资源和开发工具。
  • 🌍 数十种语言的国际化支持。
  • 🎨基于 CSS-in-JS 的强大主题定制。

🖥 环境支持

  • 现代浏览器
  • 服务器端渲染
  • 电子
边缘
边缘
火狐
火狐
铬合金
铬合金
Safari
Safari
电子
电子
边缘 最后两个版本 最后两个版本 最后两个版本 最后两个版本

📦安装

npm install antd
Enter fullscreen mode Exit fullscreen mode
yarn add antd
Enter fullscreen mode Exit fullscreen mode
pnpm add antd
Enter fullscreen mode Exit fullscreen mode

🔨用法

import { Button, DatePicker } from 'antd';
export default () => (
  <>
    <Button type="primary">PRESS ME</Button>
    <DatePicker placeholder="select
Enter fullscreen mode Exit fullscreen mode

7.驻波比

用于远程数据获取的 React Hooks 库

GitHub 徽标 韦尔塞尔/ SWR

用于数据获取的 React Hooks

驻波比


介绍

SWR 是一个用于数据获取的 React Hooks 库。

“ SWR ”这个名字来源于HTTP RFC 5861stale-while-revalidate推广的一种缓存失效策略,SWR首先从缓存中返回数据(stale),然后发送请求(revalidate),最后再次带上最新的数据。

只需一个钩子,您就可以显著简化项目中的数据获取逻辑。它还涵盖了速度、正确性和稳定性的各个方面,以帮助您构建更好的体验:

  • 快速轻量可重复使用的数据获取
  • 传输和协议无关
  • 内置缓存和请求重复数据删除
  • 实时体验
  • 重新验证焦点
  • 网络恢复时的重新验证
  • 轮询
  • 分页和滚动位置恢复
  • SSR和SSG
  • 局部变异(乐观 UI)
  • 内置智能错误重试
  • TypeScript
  • 反应悬念
  • 反应原生

...还有更多。

借助 SWR,组件将持续自动地获得数据流更新。因此……


8. 固体

用于构建用户界面的声明式、高效且灵活的 JavaScript 库

GitHub 徽标 solidjs /固体

用于构建用户界面的声明式、高效且灵活的 JavaScript 库。

SolidJS

构建状态 覆盖状态

NPM 版本 不和谐 Subreddit 订阅者

网站API 文档功能教程PlaygroundDiscord

Solid 是一个用于创建用户界面的声明式 JavaScript 库。它不使用虚拟 DOM,而是将模板编译为真实的 DOM 节点,并通过细粒度的响应进行更新。声明您的状态并在整个应用中使用它,当某个状态发生变化时,只有依赖它的代码才会重新运行。

概览

import { createSignal } from "solid-js";
import { render } from "solid-js/web";
function Counter() {
  const [count, setCount] = createSignal(0);
  const doubleCount = () => count() * 2;
  
  console.log("The body of the function runs once...");

  return (
    <>
      <button onClick={() => setCount(c => c + 1)}>
        {doubleCount(
Enter fullscreen mode Exit fullscreen mode

9.机器学习系统设计

一本有关机器学习系统设计的小册子,附有练习

GitHub 徽标 chiphuyen /机器学习系统设计

一本包含练习的机器学习系统设计手册。并非《设计机器学习系统》一书的仓库。

机器学习系统设计

点击此处阅读该手册

这本小册子是我在 2019 年首次尝试撰写关于机器学习系统设计的文章。从那时起,我对这个主题的理解经历了重大的迭代。我的著作《设计机器学习系统》(O'Reilly,2022 年 6 月出版)更加全面,也更加贴近时事。新书的 repo包含完整的目录、章节摘要以及关于 MLOps 工具的随想。

本手册涵盖了设计机器学习系统的四个主要步骤:

  1. 项目设置
  2. 数据管道
  3. 建模:选择、训练和调试
  4. 服务:测试、部署和维护

它附带实用资源链接,更详细地解释了每个方面。它还推荐了由大型科技公司的机器学习工程师撰写的案例研究,这些工程师已经部署了机器学习系统来解决实际问题。

最后,小册子包含 27 个开放式机器学习系统设计问题,这些问题可能会出现……


10. 实时 - https://github.com/supabase/realtime

通过 websockets 实时监听 PostgreSQL 数据库。使用 Elixir 构建。

GitHub 徽标 supabase /实时

通过 WebSocket 进行广播、状态和 Postgres 更改


Supabase 标志

Supabase 实时

发送短暂消息、跟踪和同步共享状态,并通过 WebSockets 监听 Postgres 更改
多人演示·请求功能·报告错误

地位

特征 v1 v2 地位
Postgres 变更 遗传算法
播送 测试版
在场 测试版

此仓库主要关注版本 2,但您仍然可以访问旧版本的代码Docker 镜像。最新的 Docker 镜像请访问https://hub.docker.com/r/supabase/realtime

代码库正在大力开发中,文档也在不断更新。不妨尝试一下,并通过创建问题告诉我们您的想法。关注此代码库的发布,获取更新通知。如果您喜欢,请给我们一个 star!

概述

这是什么?

这是使用Phoenix 框架通过 Elixir 构建的服务器,可实现以下功能:

  • 广播:以低延迟从客户端向客户端发送短暂消息。
  • 存在:跟踪和……

《Trending Projects》以每周简讯形式提供,请在www.iainfreestone.com上注册,以确保您不会错过任何一期。

如果您喜欢这篇文章,您可以在 Twitter 上关注我,我会定期发布与 HTML、CSS 和 JavaScript 相关的简短技巧。

鏂囩珷鏉ユ簮锛�https://dev.to/iainfreestone/10-trending-projects-on-github-for-web-developers-5th-june-2020-102h
PREV
🚀GitHub 上针对 Web 开发者的 10 个热门项目 - 2021 年 3 月 5 日 Node clsx React Static Ream 的艺术 超棒的 CSS 框架 single-spa
NEXT
🚀 GitHub 上面向 Web 开发人员的 10 个热门项目 - 2021 年 6 月 4 日 AWS SDK for JavaScript v3 Html5-QRCode Peacock for Visual Studio Code Microbundle NocoDB 开源 Airtable 替代方案加入我们的社区安装无聊的头像 simple-git-hooks