V2EX POST
652 subscribers
138 photos
31 videos
99 files
101K links
v2ex新贴定时推送,可按需置顶本频道然后关闭通知
Download Telegram
[翻译] Type-Level TypeScript

看过不少关于 TypeScript 的教程,包括官方的,感觉目前读的这一篇算是非常高质量,且相当系统的了。目前发布了三个章节,我花了不少功夫翻译了其中两章,to be continued...欢迎来勘误以及提意见👏

原文地址: https://type-level-typescript.com/

中文翻译: https://roshanx.notion.site/Type-Level-TypeScript-628a8e4a6a584c7dae8ce725989cf31f

#TypeScript #https #中文翻译 #我花 #continued #... #勘误 #type #level #typescript
= =、有需要天赋树点歪的前端开发吗 (Rust+Flutter+React)

5 年工作经验,3 年在腾讯之后在某中厂。主要经验在前端,技术栈是 React + TypeScript 。因为业务需要还点亮了 Rust 、Electron 和 Flutter 的技能点,均有一年经验能熟练使用。另外英语听说读写都还行。这样奇怪的天赋树能找到合适的工作吗 😂

#经验 #中厂 #栈是 #React #TypeScript #Rust #Electron #Flutter #听说读写 #树能
vue3 的 ref、reactive 中使用拓展运算符(...)会丧失响应式吗

## demo

```typescript
// 分页预设
let tablePaginationPreset = {
page: 1,
pageSize: 10,
itemCount: 0,
};

let tablePagination = reactive({
...tablePaginationPreset,
onChange: (page: number) => {
tablePagination.page = page;
getTableData();
},
onUpdatePageSize: (pageSize: number) => {
tablePagination.pageSize = pageSize;
tablePagination.page = 1;
getTableData();
},
});
```

#page #pageSize #tablePagination #let #tablePaginationPreset #number #getTableData ### #demo #typescript
[远程/美国创业公司] 招前端 Leader。 YCombinator 孵化,顶级投资人投资

招一到两位前端高手,不限居住地,完全远程

公司情况如下:
1. 中国人为主的在美创业团队,目前不到五个人
2. YCombinator 孵化,顶级投资人投资,数百万美金种子轮融资
3. 房地产方向 SaaS
4. 创始成员均来自硅谷一线公司
5. 每个人都有很多参与产品方向决策的机会


岗位要求:
1. 前端水平过硬,至少 4 年 React 和 Typescript 经验,有带团队的经历的优先
2. 习惯阅读英文文档,流利英语沟通,有留学或者海外工作经历优先
3. 喜欢探索,可以独立负责项目,有从 0 到 1 搭建大型项经验的优先
4. 跨时区工作,弹性时间,抗压能力强



感兴趣的可以把简历发到 candidatesfromv2ex@gmail.com

#优先 #前端 #团队 #招一到 #YCombinator #SaaS #React #Typescript #有带 #跨时区
求一个日本/澳大利亚/新加坡 onsite 的 web3 相关开发工作

全栈 TypeScript 开发,能够独立开发 dApp ,会用 Solidity 写合约,会 MEV
12 年编程经验,7 年工作经验,年龄 28
想润了,求一个可以提供 PR 的日本 /澳大利亚 /新加坡 onsite 的 web3 相关开发工作,前端 /后端 /全栈均可
回复公司简介和邮箱,我发你详细简历,多谢!

#全栈 #开发 #TypeScript #dApp #Solidity #MEV #12 #28 #想润 #PR
求一个可以提供日本高度人才签证的工作,最好和 Web3 相关

前几天发了一个[求职帖]( https://www.v2ex.com/t/888992)但收效甚微,怀疑是方式不对,这次明确一下需求,把简历放出,再试一次。

12 年编程经验,7 年工作经验,全栈 TypeScript 开发,能够独立开发 dApp ,会用 Solidity 写 MEV Bot ,懂 DevOps 。

简历及联系方式: https://aliez.io/

#https #简历 #再试一次 #www #v2ex #com #888992 #12 #全栈 #TypeScript
开源论坛软件推荐(node.js/React/Sqlite)无依赖一键部署启动

欢迎大家使用 / Star / PR !

开源地址: https://github.com/linfaxin/MBBS

官网: http://mbbs.cc/

### 论坛特性
- 无依赖一键部署启动
- 移动 /PC 双端兼容
- Material Design 视觉风格
- 可视化后台管理
- 全功能论坛:板块 /楼中楼 /角色权限 /审核 /富文本编辑 /个性化配置 /邮件通知 等
- 自带授权登录:免开发支持 QQ/微信 /支付宝 授权登录

### 技术栈
- 后端:Node.js ([express]( https://github.com/expressjs/express) + [routing-controllers]( https://github.com/typestack/routing-controllers.git) + Typescript)
- 前端:React ([mui]( https://mui.com/) + Typescript)
- 数据库:Sqlite (ORM: [sequelize]( https://sequelize.org/))

#https #com #github #### #express #routing #controllers #Typescript #mui #sequelize
杭州 2 年前端开发一枚求职

### 技能
- 熟练掌握 JavaScript 、ES6
- 主要使用 React 技术栈+ TypeScript+WebPack
- Vue 、小程序写过小项目,未应用到企业中

### 简历
[简历]( https://www.yuque.com/zhuzm/interview/pno45b) 密码:bW52dw== (base64)


各位大佬可以可以帮小弟指出简历需要修改的错误,指出下一发展线路也行,抱拳!

#简历 #### #JavaScript #ES6 #React #TypeScript #WebPack #Vue #https #www
TypeScript 实验: withtyped - 类型安全的零依赖 RESTful 全栈框架,写 API 自动推导客户端类型并生成 OpenAPI 接口

## 契机
- 之前关注到 trpc 这个项目,觉得类型推导的方式非常天才,但它并不支持 RESTful APIs
- 喜欢 KoaJS 的理念,但它需要 mutate context (`ctx.body = {}`),同时感觉社区活跃度在下降
- 不管是 KosJS 还是 ExpressJS 都是纯 JavaScript 开发,实际使用中与 TypeScript 结合总有别扭之处
- TypeScript 日益强大,并且原生 fetch 等功能逐渐稳定并普及

## 结果

考虑到 RESTful 的兼容性和强类型带来的好处,花了几天研究了一下 KoaJS 的源码,并做了一些类型体操后弄出了一个 POC (proof of concept):

https://github.com/withtyped/withtyped

效果如图:

![Banner]( https://s2.loli.net/2022/11/20/yI4mjJiHdFLgZhO.png)

### 一些亮点

- 还是 RESTful API ,熟悉的配方
- 用任意工具 guard 请求输入 (path params, query, body) 和输出 (response)
- 写 API 送强类型客户端
- 零依赖,原生就好
- 自动生成 OpenAPI (Swagger) 接口

项目尚处实验阶段,还请大家拍砖

#RESTful ### #KoaJS #body #TypeScript #https #withtyped #API #类型 #原生
8 年前端求职(杭州 / 远程 / 上海)

技术栈是: Node.js / TypeScript / Vue2|3 / React

有自身专研的小领域,也有技术产品,请看我的 Github

英文读写流畅,口语可沟通(疯狂提升词汇量中)

在职状态,这次希望找到一份「杭州 /远程 /上海」(优先级排序)的 Senior+ 的前端岗位

Github: aHR0cHM6Ly9naXRodWIuY29tL2hvcGVyeXk=

vx: bHl5cnl5MTYwNDA1

感谢关注

#Github #词汇量 #栈是 #Node #js #TypeScript #Vue2 #React #专研 #Senior
从自研公司离职,想问下各位,我的求职方向

之前是在一个做车机的公司里的一个 framework 组里维护 UI 控件(用 typescript 写的)的,
车机 OS 非安卓,车机软件使用 typescript 开发,下面是老旧的开发文档
https://developer.alios.cn/guide
日常工作内容是帮软件开发解决各种奇怪的 bug ,以及少量的控件需求
控件逻辑跟安卓差不多(本人不了解安卓,结论来自于组长跟自己的对比理解,还有,本人校招简历是 java 开发来着)
学历:本科 211 计院
在职差不多 9-10 个月


工作没满一年今年四月辞职考研,准备考本校,但是如今日子快到了,自己的复习程度实在提不起信心,准备考完之后恶补一下找工作了

不知道接下来准备安卓还是前端,求大佬们指点一二

#控件 #准备考 #车机 #typescript #安卓 #开发 #本人 #差不多 #恶补 #工作
求职:高级前端[base 杭州 or 远程]

深入理解 js 特性及 es6 语法;
熟悉 vue2 、vue3 的使用,研究过 vue2 源码;
熟悉低代码的开发,前端 vue3+typescript ,后端 nestjs ,使用新的工具库如 pinia ,naiveui ,tailwindCSS 等,jsx 进行页面开发;
熟悉前端项目优化方式,sdk 监控;
熟悉 webpack 、rollup 及 vite 打包工具,git 版本管理;
熟悉 Nodejs 的使用,研究过 Koa 源码;
熟悉 jsplumb 流程图、echart ,实现流程可视化;
了解 React ,跟过相关项目;
会使用 docker 、Nginx 等部署工具。

有意愿的老板们请加 vx:2242255392 详细了解谢谢

#熟悉 #源码 #vue2 #vue3 #工具 #使用 #前端 #js #es6 #typescript
初级前端,想把摸鱼时间利用起来学点东西,在犹豫学什么

非科班,现在用的是 JS ,手上有 vue3 和 react 的项目,主要都是 less 。
工作量一般,而且我工作效率比较高(不是)所以每星期做完需求都还能剩下一到两天摸鱼。
还在试用期所以可能需要比较侧重考虑前端内容。

现在想学的东西分类来看的话

已经入门但是不算精通的技术深入:
React
less

前端感觉需要了解但是还不会的内容:
TypeScript
deno

感兴趣的后端语言:
python (已经基本入门,可以做简单,部分中级和极少困难的 leetcode 题)
go
rust

也想了解数据库什么的,但是公司后端主要是 JAVA 和 C++,不知道好不好问。

求指点一下~

#less #入门 #前端 #但是 #试用期 #JS #vue3 #react #React #TypeScript
[招聘远程全职/兼职] Vue 前端开发工程师

公司介绍: https://www.maitianshouwang.com

[任职要求]

1.扎实的前端技术体系能力,计算机相关专业毕业,3 年以上工作经验。

2.熟练掌握 Typescript/Javascript ,CSS ,HTML 等前端技术及相关标准规范;

3.熟悉 Vue3+TS+Ant Design Vue 与 Vue2+Uniapp+uView 相关技术栈

4.了解一门后端语言,如 NodeJS ,Java 等

5.有 hybrid app 开发经验者优先。

联系方式:NDAyNzM3MTg0QHFxLmNvbQ==

#前端 #技术 #标准规范 #https #www #maitianshouwang #com #计算机相关 #Typescript #Javascript
想做个 2D 塔防+养成+抽卡的网页游戏自己玩,有推荐的引擎吗?

美术素材全是从别的游戏拆包获得的喜欢的角色的素材,肯定有版权问题,所以只能自己玩

想做网页游戏是因为我想电脑手机都可以玩,而且更新方便,我比较熟悉 TypeScript 和 C#

以前试过 Cocos Creator ,小 Bug 有一点多

#素材 #游戏 #一点多 #拆包 #TypeScript #C# #Cocos #Creator #Bug #网页
我们将有 60k 行代码 TypeScript (Node.js) 的仓库迁移至 ESM,结果单元测试快了 4 倍

经过三次尝试,我们终于成功地将所有的 Node.js 代码从 CJS 迁移到原生 ESM ,并且单元测试的 CI 大幅减少。

![Comparison]( https://i.v2ex.co/AMInh1Eg.png)

简单介绍一下之前的状况(你可能在 repo 设置或工具链上有不同的选择,但核心步骤和概念应该是一样的):

- 包含前端和后端项目的 TypeScript monorepo
- TypeScript 代码 ~60k 行(包括前端)
- 在 TypeScript 中使用 `import`
- 使用 PNPM 进行 workspace (monorepo) 管理
- 使用 tsc 编译 Node.js ,使用 Parcel 打包前端项目
- 使用 Jest + `ts-jest` 进行单元测试。
- 使用 `module-alias` 处理内部 path alias

顺带一提,我们的项目 [Logto]( https://github.com/logto-io/logto) 是一个开源的身份 (auth) 解决方案。

由于文章篇幅过长,我们分成了上下两篇。感兴趣的朋友可以移步 dev.to 查看:

- [Migrate a 60k LOC TypeScript (NodeJS) repo to ESM and testing become 4x faster (1/2)]( https://dev.to/gaosun/migrate-a-60k-loc-typescript-nodejs-repo-to-esm-and-testing-become-4x-faster-12-5f82)
- [Migrate a 60k LOC TypeScript (NodeJS) repo to ESM and testing become 4x faster (2/2)]( https://dev.to/gaosun/migrate-a-60k-loc-typescript-nodejs-repo-to-esm-and-testing-become-4x-faster-22-4a4k)

#repo #TypeScript #60k #https #testing #become #4x #faster #ESM #dev
如何给相对路径的 json 文件添加类型定义

我们为了便利性使用 webpack loader 将某些 json 的配置转换为 js 的代码,有没有办法给这个相对路径下的 json 添加 ts 的类型定义呢?加入类型定义是为了让导入的人不会觉得奇怪,为什么这个 json 可以导入一个函数,算是增加代码可读性把。

导入 json 的代码如下,如何才可以给`fn`添加类型定义呢?

```typescript
import { fn } from './some.json'

const v = fn('xxx')
```

我尝试了下面这个方案,但并不行,typescript 好像只能给全局的模块添加,并不能给相对路径添加统一的类型定义。
```typescript
declare module '*/some.json' {
declare const fn: (k: string) => string
export { fn }
}
```

通过添加类型定义文件可以得到类型定义,例如在`some.json`目录下添加`some.json.d.ts`类型定义,在导入的时候就可以得到正确的类型定义了。但这种方法会显得非常的冗余。
各位大佬有没有比较好的可以全局定义方案呢?

#json #类型定义 #fn #添加 #some #导入 #typescript #相对路径 #ts #const
向各位请教, IG Story 的功能用什么实现


现在在开始一个项目,大概的功能是年度总结,把过去一年的数据,在网页中像 PPT 一样展示。
因为最近看了很多大公司的年度总结,格式挺统一的,都像是 IG Story 一样,点一下右滑到下一个 card 。
像这样的 y 轴锁死,x 轴滑动,每点一下显示下一个页面的设计,用 carousel 合理吗?还是有更好的方法?

#react #typescript #tailwind

多谢!
分享一个我的开源 Remix SaaS 模板!


🚀 最近空了把之前项目中的一些代码整合出一套 Saas 模板:Remix SaaS 模板!

这个模板专为希望快速启动 AI SaaS 和工具类 SaaS 项目的开发者设计。以下是它的一些亮点:

1️⃣ 现代技术栈:
基于 Remix 框架,结合 TypeScript 和 Tailwind CSS ,提供现代化的开发体验。
集成 Headless UI 和 Framer Motion ,确保用户界面美观且动效流畅。
2️⃣ 功能齐全:
支持 15+ 种语言的国际化,轻松扩展全球市场。
内置订阅管理系统,简化支付和用户管理(暂未开源)。
完整的用户认证和角色权限控制,确保应用安全(暂未开源)。
3️⃣ 开发者友好:
清晰的项目结构和详细的文档,帮助你快速上手。
组件化设计,便于定制和扩展。
提供 SEO 优化和性能调优,确保应用在生产环境中表现出色。
4️⃣ 开源与社区:
项目完全开源,采用 MIT 许可证,欢迎社区贡献。
提供 Discord 社区支持,随时解答你的疑问。

立即体验:
演示地址: https://comicsai.org
GitHub 仓库: https://github.com/neoean/saas-remix

如果你觉得这个项目对你有帮助,请不要忘记给个 star ⭐️!期待你的反馈和贡献!
#Remix #开源 #SaaS #Web 开发 #TypeScript
用 Cursor 做了一个在线计算器网站,欢迎提建议


👋 过年闲得无聊,花两天时间用 Cursor 撸了一个在线计算器网站 OneCalculators ( https://onecalculators.com),今天和大家分享一下。

🔧 主要功能:
- 数学计算:Z 分数、勾股定理、有效数字等专业计算
- 时间工具:时间戳转换、工作日计算、时区转换等
- 多语言支持:中英双语界面,根据浏览器自动切换
- 移动端适配:响应式设计,手机使用体验良好

💻 技术栈:
- Next.js 15 + React 18 + TypeScript
- Tailwind CSS 做样式
- i18next 处理国际化
- 完整支持 SSR/SSG


📚 开发这个项目的初衷是想做一个方便、简洁的计算工具网站。


💡 目前还在不断改进中,如果你有任何建议或者想法,都可以在评论区留言。

#javascript #nextjs #react #typescript