V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
Vrds
V2EX  ›  职场话题

前端校招,做什么项目比较好?

  •  
  •   Vrds · 2023-09-20 19:05:38 +08:00 · 1641 次点击
    这是一个创建于 433 天前的主题,其中的信息可能已经有所发展或是发生改变。

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

    16 条回复    2023-09-21 18:50:49 +08:00
    HXHL
        1
    HXHL  
       2023-09-20 19:07:47 +08:00
    有价值的项目👀像开发者三件套比如番茄钟、todo list 、笔记软件也没有做。做点能有用户的。比如平时前端开发中遇到的痛点搞个库来简化之类的。我平时就经常有感觉到开发中有很多可以简化的地方。但是确实没有太多时间去写库。
    Vrds
        2
    Vrds  
    OP
       2023-09-20 19:10:55 +08:00
    @HXHL 哈哈,说几个看我能不能简化,现在找项目找得头都疼
    HXHL
        3
    HXHL  
       2023-09-20 19:16:25 +08:00
    @Vrds 首先我前端不是太熟,可能有一些我以为很难的地方,但是已经有很成熟的方案。如果真是这样,大家别嘲笑我🤣。

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

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

    )
    }
    ```
    HXHL
        4
    HXHL  
       2023-09-20 19:16:51 +08:00
    上面那个没有打完,怎么就发出去了。你等等我重新打完发一下
    Vrds
        5
    Vrds  
    OP
       2023-09-20 19:17:40 +08:00
    @HXHL 哈哈,好的
    HXHL
        6
    HXHL  
       2023-09-20 19:22:39 +08:00
    @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 一样可以响应式,少写一些代码。
    比如能不能设计一些抽象的高阶组件来简化代码。
    lDqe4OE6iOEUQNM7
        7
    lDqe4OE6iOEUQNM7  
       2023-09-20 19:27:28 +08:00
    很难,先去 boos 上看看岗位
    Puteulanus
        8
    Puteulanus  
       2023-09-20 19:28:15 +08:00
    做点贴合用户需求的,小众软件、V2 这些发一下,赚点 star
    就我来说,简历上看到应届生做了啥系统之类的基本上提不起兴趣,但要说你项目有几百 star 那横竖得多看两眼
    Puteulanus
        9
    Puteulanus  
       2023-09-20 19:32:20 +08:00
    https://www.appinn.com/azure-speech-download/
    像我之前写的 azure tts 的下载脚本,最高的时候用户数量过了一万五,但我放脚本站没挂 Github

    另一个在 Github 有项目的老哥(他主要做 python cli )都 600+ star 了 https://github.com/skygongque/tts
    Vrds
        10
    Vrds  
    OP
       2023-09-20 19:37:18 +08:00
    @HXHL 哈哈,react 确实有点麻烦,我研究一下
    Vrds
        11
    Vrds  
    OP
       2023-09-20 19:38:12 +08:00
    @James2099 感觉哪个方向都卷,好迷茫
    Vrds
        12
    Vrds  
    OP
       2023-09-20 19:41:30 +08:00
    @Puteulanus 是的,还是做开源有加分一点,贴近用户的感觉前端就笔记本(编辑器)、在线文档、图片编辑器,想不到其他的东西
    Puteulanus
        13
    Puteulanus  
       2023-09-20 21:07:51 +08:00   ❤️ 1
    @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
        14
    maocat  
       2023-09-20 23:12:58 +08:00   ❤️ 1
    anki ,纯前端实现,我觉得很酷
    anjingdexiaocai
        15
    anjingdexiaocai  
       2023-09-21 05:58:34 +08:00 via Android
    前几天,v 站上不是介绍有个初三学生做的 win12 吗?
    Vrds
        16
    Vrds  
    OP
       2023-09-21 18:50:49 +08:00
    @Puteulanus 是的,感谢大佬指点!
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   5996 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 31ms · UTC 02:53 · PVG 10:53 · LAX 18:53 · JFK 21:53
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.