前端校招，做什么项目比较好？

[Vrds]

管理系统、什么音乐 app 、商城系统好像很多人做，有点烂大街，各位前辈有比较好的前端项目推荐吗？

[HXHL]

有价值的项目👀像开发者三件套比如番茄钟、todo list 、笔记软件也没有做。做点能有用户的。比如平时前端开发中遇到的痛点搞个库来简化之类的。我平时就经常有感觉到开发中有很多可以简化的地方。但是确实没有太多时间去写库。

[Vrds]

@HXHL 哈哈，说几个看我能不能简化，现在找项目找得头都疼

[HXHL]

@Vrds 首先我前端不是太熟，可能有一些我以为很难的地方，但是已经有很成熟的方案。如果真是这样，大家别嘲笑我🤣。

背景如下。
我有一个数据结构如下。

```jsx
const 编辑器 = () => {
const [xxx, setXXXX] = useState<数据类型>(初始化数据结构)
//
return (

)
}
```

[HXHL]

上面那个没有打完，怎么就发出去了。你等等我重新打完发一下

[Vrds]

@HXHL 哈哈，好的

[HXHL]

@Vrds 首先我前端不是太熟，可能有一些我以为很难的地方，但是已经有很成熟的方案。如果真是这样，大家别嘲笑我🤣。

背景如下。
我有一个数据结构如下。

```jsx
const 编辑器组件 = () => {
const [xxx, setXXXX] = useState<数据类型>(初始化数据结构)
const [isSave, setSave ] = useState<boolean>(true)
// 数据类型里面有很多字段
return (
input 修改数据结构里面的某个字段
input 修改数据结构里面的某个字段
select 修改数据结构里面的某个字段
)
}
```

我这里的 select 是用 NextJS 的。 如果这个 select 要改成 controll 的。https://nextui.org/docs/components/select
每个 select 都要有一个 state 。现在代码变成下面这样

```jsx
const 编辑器组件 = () => {
const [xxx, setXXXX] = useState<数据类型>(初始化数据结构)
const [isSave, setSave ] = useState<boolean>(true)

const [某个 SelectValue, set 某个 SelectValue] = useState(new Set([]));

const handleXXXSelectChange = (e)=>{
setSave(false)
set 某个 SelectValue(e)//处理 select 的 change 事件
}

// 数据类型里面有很多字段
return (
<input /> 修改数据结构里面的某个字段 // 还要处理一下 save 的状态
<input /> 修改数据结构里面的某个字段
<select value={某个 SelectValue} onSelectionChange={handleXXXSelectChange} />修改数据结构里面的某个字段
{ !isSave && 保存按扭}
)
}
```
随着 input 和 select 越来越多，这个组件的代码就越来越长，而且每个 select 都要有一个 state ，然后 input 处理 isSave 也不太处理。

有没有办法让 React 的状态像 vue 一样可以响应式，少写一些代码。
比如能不能设计一些抽象的高阶组件来简化代码。

[James2099]

很难，先去 boos 上看看岗位

[Puteulanus]

做点贴合用户需求的，小众软件、V2 这些发一下，赚点 star
就我来说，简历上看到应届生做了啥系统之类的基本上提不起兴趣，但要说你项目有几百 star 那横竖得多看两眼

[Puteulanus]

https://www.appinn.com/azure-speech-download/
像我之前写的 azure tts 的下载脚本，最高的时候用户数量过了一万五，但我放脚本站没挂 Github

另一个在 Github 有项目的老哥（他主要做 python cli ）都 600+ star 了 https://github.com/skygongque/tts

[Vrds]

@HXHL 哈哈，react 确实有点麻烦，我研究一下

[Vrds]

@James2099 感觉哪个方向都卷，好迷茫

[Vrds]

@Puteulanus 是的，还是做开源有加分一点，贴近用户的感觉前端就笔记本(编辑器)、在线文档、图片编辑器，想不到其他的东西

[Puteulanus]

@Vrds web 近年有一些比较好玩的东西

比如 wasm /t/844279

webusb https://web.dev/porting-libusb-to-webusb/

WebRTC https://www.sharedrop.io/

Service Worker https://tabserve.dev/

Push API 之前有个做类似 server 酱这种手机推送服务的，翻不到了

我之前折腾路由器的时候，因为刷机软件没有 Mac 的（我一起买的朋友只有 Mac ），做过一个用 webusb 给路由器刷固件的网页，后来群里其他 Mac 的人也用上了。这种你与其闭门造车想象你的用户有什么样的需求，不如实际看看自己或者身边的人，有什么想解决的问题，再想能不能/怎么用一个网页把需求给解决了。

https://www.appinn.com/shuanhuoguo/
毕竟涮个火锅都能做个网页（狗头

[maocat]

anki ，纯前端实现，我觉得很酷

[anjingdexiaocai]

前几天，v 站上不是介绍有个初三学生做的 win12 吗？

[Vrds]

@Puteulanus 是的，感谢大佬指点！