🚀GitHub 上面向 Web 开发者的 10 个热门项目 - 2021 年 3 月 5 日
Node的艺术
clsx

静态反应
令
很棒的 CSS 框架
单水疗池

《Trending Projects》以每周简讯形式提供,请在www.iainfreestone.com上注册,以确保您不会错过任何一期。
1. 基础电脑游戏
经典《基础电脑游戏》书籍的更新版本,包含各种常见编程语言的精心编写的示例
经典《基础电脑游戏》一书的升级版,包含各种常见内存安全型脚本编程语言的精彩示例。详情请访问 https://coding-horror.github.io/basic-computer-games/
我们在做什么?
我们正在更新第一本百万销量的计算机书籍《BASIC 计算机游戏》,以适应 2022 年及以后的发展!
我们可以在哪里讨论它?
请参阅此处的讨论,了解该项目的工作日志和对话。
项目结构
我已将所有原始 BASIC 源代码移至原书(第一卷)中每个项目的文件夹中。请注意,Lyle Kopnicky 慷慨地对所有代码进行了规范化(感谢 Lyle!),使其能够与2009 年左右的Vintage Basic兼容:
我把所有游戏都放在这里,供您尽情发挥创意。我已经对每一款游戏都进行了测试和调整,以确保它们能在 Vintage BASIC 上运行,不过您可能会发现一些奇怪的现象。这正是使用 BASIC 的乐趣所在:它在两台机器上运行效果永远不会完全相同。如果您……游戏会玩得更好。
2. Node的艺术
node.js 简介
Node的艺术
Node.js 简介
本文档适用于至少了解以下几点的读者:
- 脚本语言,例如 JavaScript、Ruby、Python、Perl 等。如果你还不是程序员,那么从阅读《猫的 JavaScript》开始可能会更容易。🐈
- Git 和 GitHub。这些是 Node 社区成员用来共享模块的开源协作工具。你只需要了解基础知识。这里有三个很棒的入门教程:1、2、3
目录
交互式学习节点
除了阅读本指南之外,拿出你最喜欢的文本编辑器,实际编写一些 Node 代码也非常重要。我总觉得……
3. clsx
一个小型(228B)实用程序,用于有条件地构造className字符串。它还可以作为 classnames 模块更快、更小的替代品。
用于有条件地构造“className”字符串的微型(239B)实用程序。
一个小型(239B)实用程序,用于有条件地构造className字符串。
也可以作为该模块更快、更小的替代品classnames。
该模块有三种格式:
- ES模块:
dist/clsx.mjs
- CommonJS:
dist/clsx.js
- UMD:
dist/clsx.min.js
安装
$ npm install --save clsx
用法
import clsx from 'clsx';
// or
import { clsx } from 'clsx';
// Strings (variadic)
clsx('foo', true && 'bar', 'baz');
//=> 'foo bar baz'
// Objects
clsx({ foo:true, bar:false, baz:isTrue() });
//=> 'foo baz'
// Objects (variadic)
clsx({ foo:true }, { bar:false }, null, { '--foobar':'hello' });
//=> 'foo --foobar'
// Arrays
clsx(['foo', 0, false, 'bar']);
//=> 'foo bar'…
4. React Static
React-Static 是一个基于 React 及其生态系统的快速、轻量且功能强大的渐进式静态网站生成器。它秉承了您在 Create React App 等工具中习惯的简洁性和开发者体验,并针对性能、灵活性和用户/开发者体验进行了精心设计。
⚛️ 🚀 用于 React 的渐进式静态站点生成器。
目前处于维护模式。不会发布新的主要版本。
Remix 和 NextJS 是不错的选择。
React-static 8 在哪里?React-static 的现状——以及它不可避免的消亡。#1661


您正在查看 React Static v7 的文档。您可以通过 Github 分支浏览所有历史版本!
静态反应
用于 React 的渐进式静态站点生成器。
React-Static 是一个基于 React 及其生态系统的快速、轻量且功能强大的渐进式静态网站生成器。它延续了您在Create React App等工具中习惯的简洁性和开发者体验,并针对性能、灵活性和用户/开发者体验进行了精心设计。
特征
- ⚛️ 100% React(和朋友们!)
- 🚀极快的构建和性能。
- 🚚 数据不可知。您可以随心所欲地为您的网站提供数据!
- ✂️自动代码和数据分割!
- 💥 即时导航和页面浏览量
- ☔️ 逐步增强并支持移动设备
- 🎯搜索引擎优化…
5.胡迪尼
支持 Sapper 和 Sveltekit 的“消失”的 Svelte GraphQL 客户端。
✨ 特点
- 组件的可组合和共置数据要求
- 具有声明性更新的规范化缓存
- 生成的类型
- 订阅
- 分页(光标和偏移量)
Houdini 的核心在于在不牺牲包大小的前提下,提供高质量的开发者体验。Houdini 将传统上由臃肿的运行时处理的任务转移到编译步骤,从而为您的应用程序生成极其精简的 GraphQL 抽象。
🕹示例
有关详细示例,您可以查看入门指南中的example-sveltekit-todo或Pokédex 应用程序的最终版本。
📚 文档
如需文档,请访问网站上的API 参考。
🚀 入门
有关 Houdini 入门的详细指南,请查看我们网站上的指南。
✏️ 贡献
如果你有兴趣帮忙,贡献指南应该会提供一些指导。如果你需要更具体的信息……
6. 令
适用于 Vue.js 3 的超快速 SSR 框架
令
适用于 Vue.js 的超快 SSR 框架。

❤️ 请赞助我,支持这个项目,或者优先考虑您想要的功能。一旦获得 150 位以上赞助者,我就会全职投入这个项目。
网站
文档(正在开发中)
赞助商

执照
麻省理工学院 © EGOIST
7. 很棒的 CSS 框架
很棒的 CSS 框架列表。
很棒的 CSS 框架
很棒的 CSS 框架列表。
欢迎贡献。
由FrontAid CMS支持:

内容
基础/重置/标准化
无阶级
使用语义 HTML 并且不依赖于类的框架。
非常轻巧
小于~5KB的框架。
8. 单水疗中心
轻松构建微前端的路由器。构建可共存的微前端,并且可以(但不必)使用自己的框架编写。
9. Mikro ORM
基于数据映射器、工作单元和身份映射模式的 Node.js TypeScript ORM。支持 MongoDB、MySQL、MariaDB、PostgreSQL 和 SQLite 数据库。
基于数据映射器、工作单元和身份映射模式的 Node.js TypeScript ORM。支持 MongoDB、MySQL、MariaDB、MS SQL Server、PostgreSQL 和 SQLite/libSQL 数据库。
基于数据映射器、工作单元和身份映射模式的 Node.js TypeScript ORM。支持 MongoDB、MySQL、MariaDB、PostgreSQL 和 SQLite(包括 libSQL)数据库。
深受Doctrine和Hibernate的启发。

🤔 什么单位?
您可能会问:工作单元到底是什么?我为什么要关心它?
工作单元维护受业务事务影响的对象(实体)列表,并协调变更的写入。(马丁·福勒)
身份映射通过将每个已加载的对象保存在映射中,确保每个对象(实体)仅加载一次。引用对象时,会使用该映射查找它们(Martin Fowler)
那么它给我们带来什么好处呢?
隐式交易
工作单元的首要含义是它允许自动处理事务。
当您调用时em.flush(),所有计算的更改都会在内部进行查询……
10. 超棒的 Vite.js
精选与 Vite.js 相关的精彩内容列表
很棒的 Vite.js
精选与Vite.js相关的精彩内容列表
目录

使用右上角的“目录”菜单来浏览列表。
资源
官方资源
开始
模板
香草
《Trending Projects》以每周简讯形式提供,请在www.iainfreestone.com上注册,以确保您不会错过任何一期。
如果您喜欢这篇文章,您可以在 Twitter 上关注我,我会定期发布与 HTML、CSS 和 JavaScript 相关的简短技巧。
鏂囩珷鏉ユ簮锛�https://dev.to/iainfreestone/10-trending-projects-on-github-for-web-developers-5th-march-2021-3dhh