G

🚀GitHub 上针对 Web 开发者的 10 个热门项目 - 2021 年 3 月 5 日 Node clsx React Static Ream 的艺术 超棒的 CSS 框架 single-spa

2025-06-08

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

Node的艺术

clsxCI 代码验证 许可证

静态反应

很棒的 CSS 框架惊人的

单水疗池

MikroORM

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

1. 基础电脑游戏

经典《基础电脑游戏》书籍的更新版本,包含各种常见编程语言的精心编写的示例

GitHub 徽标 编码恐怖/基础电脑游戏

经典《基础电脑游戏》一书的升级版,包含各种常见内存安全型脚本编程语言的精彩示例。详情请访问 https://coding-horror.github.io/basic-computer-games/

我们在做什么?

我们正在更新第一本百万销量的计算机书籍《BASIC 计算机游戏》,以适应 2022 年及以后的发展!

我们可以在哪里讨论它?

请参阅此处的讨论,了解该项目的工作日志和对话。

项目结构

我已将所有原始 BASIC 源代码移至原书(第一卷)中每个项目的文件夹中。请注意,Lyle Kopnicky 慷慨地对所有代码进行了规范化(感谢 Lyle!),使其能够与2009 年左右的Vintage Basic兼容:

我把所有游戏都放在这里,供您尽情发挥创意。我已经对每一款游戏都进行了测试和调整,以确保它们能在 Vintage BASIC 上运行,不过您可能会发现一些奇怪的现象。这正是使用 BASIC 的乐趣所在:它在两台机器上运行效果永远不会完全相同。如果您……游戏会玩得更好。


2. Node的艺术

node.js 简介

GitHub 徽标 最大映射器/节点艺术

❄️ Node.js 简介

Node的艺术

Node.js 简介

本文档适用于至少了解以下几点的读者:

  • 脚本语言,例如 JavaScript、Ruby、Python、Perl 等。如果你还不是程序员,那么从阅读《猫的 JavaScript》开始可能会更容易。🐈
  • Git 和 GitHub。这些是 Node 社区成员用来共享模块的开源协作工具。你只需要了解基础知识。这里有三个很棒的入门教程1、2、3

目录

交互式学习节点

除了阅读本指南之外,拿出你最喜欢的文本编辑器,实际编写一些 Node 代码也非常重要。我总觉得……


3. clsx

一个小型(228B)实用程序,用于有条件地构造className字符串。它还可以作为 classnames 模块更快、更小的替代品。

GitHub 徽标 路加福音/ clsx

用于有条件地构造“className”字符串的微型(239B)实用程序。

clsxCI 代码验证 许可证

一个小型(239B)实用程序,用于有条件地构造className字符串。
也可以作为该模块更快、更小的替代品classnames

该模块有三种格式:

  • ES模块dist/clsx.mjs
  • CommonJSdist/clsx.js
  • UMDdist/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'
Enter fullscreen mode Exit fullscreen mode

4. React Static

React-Static 是一个基于 React 及其生态系统的快速、轻量且功能强大的渐进式静态网站生成器。它秉承了您在 Create React App 等工具中习惯的简洁性和开发者体验,并针对性能、灵活性和用户/开发者体验进行了精心设计。

GitHub 徽标 反应静态/反应静态

⚛️ 🚀 用于 React 的渐进式静态站点生成器。

目前处于维护模式。不会发布新的主要版本。

Remix 和 NextJS 是不错的选择。

React-static 8 在哪里?Rea​​ct-static 的现状——以及它不可避免的消亡。#1661


React 静态徽标

Travis CI 构建状态 npm 包 v npm 软件包 dm Github 星标 Twitter 关注



您正在查看 React Static v7 的文档。您可以通过 Github 分支浏览所有历史版本!

静态反应

用于 React 的渐进式静态站点生成器

React-Static 是一个基于 React 及其生态系统的快速、轻量且功能强大的渐进式静态网站生成器。它延续了您在Create React App等工具中习惯的简洁性和开发者体验,并针对性能、灵活性和用户/开发者体验进行了精心设计

特征

  • ⚛️ 100% React(和朋友们!)
  • 🚀极快的构建和性能。
  • 🚚 数据不可知。您可以随心所欲地为您的网站提供数据!
  • ✂️自动代码和数据分割!
  • 💥 即时导航和页面浏览量
  • ☔️ 逐步增强并支持移动设备
  • 🎯搜索引擎优化…

5.胡迪尼

支持 Sapper 和 Sveltekit 的“消失”的 Svelte GraphQL 客户端。

GitHub 徽标 HoudiniGraphql / houdini

正在消失的 GraphQL 框架

Houdini 的标志(深色或浅色)

正在消失的 GraphQL 框架

版本 CI 测试 GitHub 星标 下载 执照

✨ 特点

  • 组件的可组合和共置数据要求
  • 具有声明性更新的规范化缓存
  • 生成的类型
  • 订阅
  • 分页(光标偏移量)

Houdini 的核心在于在不牺牲包大小的前提下,提供高质量的开发者体验。Houdini 将传统上由臃肿的运行时处理的任务转移到编译步骤,从而为您的应用程序生成极其精简的 GraphQL 抽象。

🕹示例

有关详细示例,您可以查看入门指南中的example-sveltekit-todoPokédex 应用程序的最终版本

📚 文档

如需文档,请访问网站上的API 参考。

🚀 入门

有关 Houdini 入门的详细指南,请查看我们网站上的指南

✏️ 贡献

如果你有兴趣帮忙,贡献指南应该会提供一些指导。如果你需要更具体的信息……


6. 令

适用于 Vue.js 3 的超快速 SSR 框架

GitHub 徽标 /

Vue 3 框架,由 Vite 提供支持。

适用于 Vue.js 的超快 SSR 框架。

赞助利己主义者 npm 版本 构建状态 npm 下载

❤️ 请赞助我,支持这个项目,或者优先考虑您想要的功能。一旦获得 150 位以上赞助者,我就会全职投入这个项目。

网站

文档(正在开发中)

赞助商

由 vercel 提供支持

执照

麻省理工学院 © EGOIST





7. 很棒的 CSS 框架

很棒的 CSS 框架列表。

GitHub 徽标 troxler / awesome-css-frameworks

2024 年优秀 CSS 框架列表

很棒的 CSS 框架惊人的

很棒的 CSS 框架列表。
欢迎贡献

由FrontAid CMS支持

FrontAid CMS - 使用 Git 进行敏捷内容管理。

内容

基础/重置/标准化

无阶级

使用语义 HTML 并且不依赖于类的框架。

非常轻巧

小于~5KB的框架。

  • Pure - 一组小型、响应迅速的 CSS 模块,您可以在每个 Web 站点中使用它们……


8. 单水疗中心

轻松构建微前端的路由器。构建可共存的微前端,并且可以(但不必)使用自己的框架编写。

GitHub 徽标 单水疗池/单水疗池

轻松实现微前端的路由器

npm 版本 NPM 下载

单水疗池

加入 Slack 聊天

为该项目捐款

官方单一水疗中心托管

底板标志标准

一个用于前端微服务的 JavaScript 框架

构建可共存的微前端,并且可以(但不必)使用自己的框架编写。这允许您:

赞助商

DataCamp 徽标 Toast 标志 asurion 徽标

要将贵公司的徽标添加到此部分:

文档

您可以在...找到 single-spa 文档。


9. Mikro ORM

基于数据映射器、工作单元和身份映射模式的 Node.js TypeScript ORM。支持 MongoDB、MySQL、MariaDB、PostgreSQL 和 SQLite 数据库。

GitHub 徽标 mikro-orm / mikro-orm

基于数据映射器、工作单元和身份映射模式的 Node.js TypeScript ORM。支持 MongoDB、MySQL、MariaDB、MS SQL Server、PostgreSQL 和 SQLite/libSQL 数据库。

MikroORM

基于数据映射器、工作单元身份映射模式的 Node.js TypeScript ORM。支持 MongoDB、MySQL、MariaDB、PostgreSQL 和 SQLite(包括 libSQL)数据库。

深受DoctrineHibernate的启发。

NPM 版本 NPM 开发版本 在 Discord 上聊天 下载 覆盖状态 可维护性 构建状态

🤔 什么单位?

您可能会问:工作单元到底是什么?我为什么要关心它?

工作单元维护受业务事务影响的对象(实体)列表,并协调变更的写入。(马丁·福勒)

身份映射通过将每个已加载的对象保存在映射中,确保每个对象(实体)仅加载一次。引用对象时,会使用该映射查找它们(Martin Fowler)

那么它给我们带来什么好处呢?

隐式交易

工作单元的首要含义是它允许自动处理事务。

当您调用时em.flush(),所有计算的更改都会在内部进行查询……


10. 超棒的 Vite.js

精选与 Vite.js 相关的精彩内容列表

GitHub 徽标 vitejs / awesome-vite

⚡️ 精选 Vite.js 相关精彩内容列表


awesome-vite 仓库的徽标

很棒的 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
PREV
命令行(教程)命令行文本处理 AWS 安全 LIVE!
NEXT
🚀GitHub 上面向 Web 开发人员的 10 个热门项目 - 2020 年 6 月 5 日 Snowpack HTML5 Boilerplate Airbnb JavaScript 样式指南() { Definitely Typed Ant Design 机器学习系统设计 Supabase Realtime