TypeScript-React-Starter

microsoft / TypeScript-React-StarterJavaScript第 31 期 · 2018-10-28
实时数据待拉取(运行 scripts/enrich.py 后填充)
暂无截图

项目简介

由 Microsoft 创建,该项目详细介绍了如何使用 TS 基于 create-react-app 创建 React 项目模版的步骤。TS 出现使得 JS 具有了强类型语言的严谨性,并且还保留了JS的灵活。React 是目前超火的前端框架,两者的结合非常值得学习

本期其他项目

全部 →
暂无截图
C第 31 期

C

各种基础算法、数据结构的 C 语言实现。这个[TheAlgorithms](https://github.com/TheAlgorithms) 开源组织的项目包含基础算法的各种编程语言的示例代码

obs-studio
C第 31 期

obs-studio

由 OBS 项目维护的免费开源流媒体和录制程序。该程序支持 Windows 7、macOS 10.10、Ubuntu 14.04 操作系统。可用于直播和屏幕录制,[下载地址](https://github.com/obsproject/obs-studio/releases)

暂无截图
Go第 31 期

gitea

一个极易安装、运行快速、安装简单、使用体验良好的自建 Git 服务。采用 Go 作为后端语言,支持 Linux、 macOS、Windows 等,[在线Demo](https://try.gitea.io/)。安装步骤如下:```$ git clone https://github.com/go-gitea/gitea$ cd gitea$ TAGS="bindata" make generate all$ ./gitea web```

暂无截图
Go第 31 期

thunder

Facebook GraphQL 协议的 Go 语言版本。相比之前的其它 GraphQL 库,通过反射结构体的 tag 可以自动生成 schema 给前端,更加便于开发。示例代码:```go// Friend is a small struct representing a person.type Friend struct {FirstName string Last string `graphql:"lastName"` // use a custom name Added time.Date `graphql:"-"` // don't expose over graphql}// FullName builds a friend's full name.func (f *Friend) FullName() string {return fmt.Sprintf("%s %s", f.FirstName, f.Last)}// registerFriend registers custom resolvers on the Friend type.//// Note: registerFriend wouldn't be necessary if the type only// had the default struct field resolvers above.func registerFriend(schema *schemabuilder.Schema) {object := schema.Object("Friend", Friend{})// fullName is a computed field on the Friend{} object.object.FieldFunc("fullName", Friend.FullName)}```

暂无截图
Go第 31 期

wechat-go

微信网页版 API 的 Go 实现。支持模拟微信网页版的登录、联系人、消息收发、机器人回复等功能。示例代码片段:```go func main() {// 创建session, 一个session对应一个机器人// 二维码显示在终端上session, err := wxweb.CreateSession(nil, nil, wxweb.TERMINAL_MODE)if err != nil {logs.Error(err)return}// 注册插件, 所有插件默认是开启的faceplusplus.Register(session)replier.Register(session)switcher.Register(session)gifer.Register(session)// 你也可以自己选择关闭插件里的handler(消息处理器)session.HandlerRegister.DisableByName("faceplusplus")// 登录并接收消息if err := session.LoginAndServe(false); err != nil {logs.Error("session exit, %s", err)}}```

暂无截图
Go第 31 期

wxpay

Go 的微信支付 SDK。微信系的 SDK,填补 Go 在微信支付开发界的空白。支持刷卡支付、统一下单、查询订单、撤销订单、关闭订单等。示例代码如下:```go// 创建支付账户account1 := wxpay.NewAccount("appid", "mchid", "apiKey", false)account2 := wxpay.NewAccount("appid", "mchid", "apiKey", false)// 新建微信支付客户端client := wxpay.NewClient(account1)// 设置证书account.SetCertData("证书地址")// 设置支付账户client.setAccount(account2)// 设置http请求超时时间client.SetHttpConnectTimeoutMs(2000)// 设置http读取信息流超时时间client.SetHttpReadTimeoutMs(1000)// 更改签名类型client.SetSignType(HMACSHA256)```

AndroidAutoSize
Java第 31 期

AndroidAutoSize

学习成本极低的 Android 屏幕适配方案,已被知名 APP 用于线上产品

同类项目

全部 →
astryx
JavaScript第 124 期

astryx

Meta 开源的 React 设计系统。该项目是基于 React 和 StyleX 构建的设计系统,在 Meta 内部经过多年实践。它内置 150+ 组件、7 套可定制主题、深色模式、页面模板和 CLI,对 AI Agent 友好。

来自 @JRZYgit 的分享
ColorTxt
JavaScript第 124 期

ColorTxt

会给小说上色的阅读器。这是一款基于 Electron 构建的本地小说阅读器,支持 TXT、EPUB、MOBI、PDF 等格式。它可自动为正文中的人名和关键词设置颜色,并支持章节识别、划线笔记、语音朗读和 AI 剧情分析等功能。

karakeep
JavaScript第 124 期

karakeep

可自托管的浏览器书签管理平台。这是一款可自托管的浏览器书签管理应用,可保存链接、笔记、图片和 PDF,并支持 AI 自动打标签与生成摘要。它提供全文搜索、OCR、浏览器扩展、移动端应用、RSS 自动收藏和网页归档等功能。

magic-resume
JavaScript第 124 期

magic-resume

在线 AI 简历编辑器。这是一款免费的在线 AI 简历编辑器,无需登录、内置多种模板。它基于 TanStack Start、TypeScript 和 Tiptap 构建,支持实时预览、配置 AI 服务商、深色模式、PDF 导出和自动保存等功能。

TREK
JavaScript第 124 期

TREK

可多人协作的旅行规划平台。这是一款可自托管的旅行规划平台,支持多人实时协作、交互式地图、费用分摊、行李清单、预订管理和旅行计划等功能。它内置 MCP 服务,可结合 AI 助手规划旅行。

emdash
JavaScript第 123 期

emdash

WordPress 的无服务器替代品。该项目是基于 Astro 构建的内容管理系统,可作为 WordPress 的替代品。它提供 WordPress 导入、可视化编辑、全文搜索、定时发布等功能,可直接运行在 Cloudflare 或本地 Node.js+SQLite 等环境上。

r2-web
JavaScript第 123 期

r2-web

纯前端的在线文件管理平台。这是一款纯前端的 Cloudflare R2(云存储)文件管理器,打开网页输入 R2 凭证,就能直接管理桶里的文件。它内置图片、视频、音频和文本预览,支持拖拽/粘贴上传、图片压缩、批量管理等功能。

来自 @Viki9VD3M 的分享
react-scan
JavaScript第 123 期

react-scan

自动揪出 React 应用性能问题的工具。该项目是专门用来发现 React 应用性能问题的可视化调试工具,无需改动任何代码,只需添加一个 script 标签或运行一条命令,即可在页面上高亮显示哪些组件发生了不必要的重渲染,适用于 React、Next.js、Vite、Remix 等项目。

来自 @JRZYgit 的分享