请教一个前端进阶问题

[hyyou2010]

我可以写这种点菜或商城 demo 网页：
https://github.com/maxyou/ele-h5-like
https://github.com/maxyou/xiaomi-store-client
可以写这种论坛网页：
https://github.com/maxyou/purebbs
技术上包含 react/redux-sage/graphql/typescript 等等

但我感觉这些从网页角度太过简单，假定我希望达到二线中型互联网公司还算不错的前端程序员的水平，我下一步该干什么？下一个实践项目推荐什么？

大家觉得 Gatsbyjs 怎样？是不是一个应用实践好方向？
或者 WebGL/Three.js/3D 呢？倒不惧数学。
或者模仿一下头条首页之类？

[OSF2E]

做产品，在细分、垂直领域做产品，集合实业做产品，技术产品供应链找到适合自己的位置，结合计算机技术以外的专业水平的知识做产品。这么说吧，九几年的时候，中国科学院计算技术研究所随便抓一个研究员，都能独立写出一个类 unix 系统，但直到现在一个拿得出手的国产操作系统到现在都没做出来，全特么是 linux 换皮大法，不是技术不到位，而是全特么把精力放在折腾各种技术指标上去了，老是想跳过调研市场需求、科学的产品设计等流程……简单点说，依葫芦画个瓢就想去赚钱……之前的军工也是，汽车行业也是……比比皆是

[seki]

不想写后端就搭个现成的论坛，然后用它的 api 咯
比如 discourse

https://docs.discourse.org/

[ericgui]

我非常奇怪的一个地方在于，你的前端其实实现了 ssr
但是你用的是 webpack-dev-middleware，但这玩意是 dev only

所以。。。。

当然了，你要说这个能不能用，当然可以用的
但就是感觉很奇怪

如果你足够牛，把这个改造为一个 production -ready 的东西，就非常牛逼了，大大简化了 ssr

[ericgui]

我指的是 purebbs

[lhx880619]

threejs webgl 如果要走就是图形方向啦 水太深 感觉会比较偏门 了解下 做做 demo 就行 不用深入

[xianxiaobo]

找个 UI 库用一下吧，页面样式感觉停留在上个世纪

[CasualYours]

https://roadmap.sh/frontend
建议你到 dribbble.com 上找一些 web 原型图，去实现它。

[sl1673495]

写的 ts 全是 any
写的 css 太丑

[jrtzxh020]

这样式 连我审美这么差的人多觉得难看。。

[hyyou2010]

感谢大家指导，界面美化的确从未考虑，没抄，没设计，出于练习考虑也尽量没用 UI 库。以后 UI 这方面需要大力加强。

[Ixizi]

可以写个 web 的 photoshop 或者视频编辑器啥的

[ahonn]

其他的就不说了，作为前端还是需要审美的。你这最多算糊页面，还糊得不好看..
先不要考虑进阶，先踏踏实实搞基础吧..

[hyyou2010]

@ericgui
感谢指点，这里恰好想多问两句。

实际上我对 SSR 非常不在行，不可能去刻意实现 SSR。在你之前有个 cnodejs.org 社区的朋友也奇怪，为什么类似“http://purebbs.com/#/detail/10009”这样的网页刷新之后也可以打开，据说 SPA 是打不开的，其实我一直不懂也不解，为什么就不能打开呢？刷新后先加载客户端，客户端再获取数据，不就是这么个普通过程嘛？

那个 webpack-dev-middleware 我不知道是干什么用的，似乎创建 webpack 项目的时候缺省就有，我刚刚在 package.json 里删除了，也可以照常运行，然而查看 package-lock.json 发现里面还有，而这个文件是 webpack 创建的，删除后再自动创建也有这个 webpack-dev-middleware。

我目前知识深度远不到钻研这些细节的程度，能力不足以去深挖了。

[hyyou2010]

@CasualYours
感谢，你的建议具有可行性，我一下子就看到一张漂亮的网页： https://dribbble.com/shots/7572171-Meal-Prep-Delivery-Service-App/attachments/365047?mode=media
我应该能够实现这个。

[hyyou2010]

@lhx880619 谢谢，有点偏，但感觉比较长久，前端的其他技术变化太快，淘汰太快了。
@Ixizi 谢谢，我绝对没有这个水平，那个 ffmpeg 都看得我头昏。
@yamamotoahua 感谢，个人练习作品，省略了太多，最近看 Apollo-react 真是现成就提供 loading 标志，也许应该加进去试试看。

[Ixizi]

@hyyou2010 那可以自己实现一个 webpack/babel/vue/react 之类的轮子

[LWXYFER]

其实进阶的话，不只是代码与技术的问题，很多业务并没有那么深入，更多需要关心项目管理，协作，沟通等等问题。当然技术进阶的话，还是造轮子，或者在垂直领域发力（ WebGL，编辑器等等）

[hewelzei]

我和你相反，写的项目大部分时间都花在 UI 设计和 css 样式上了

[gaigechunfeng]

@hewelzei 其实我也感觉是，做外包项目，主要是 UI 和 css。 不去大厂，没机会研究这么深。

[Beliver]

1：当你初学的时候，你考虑的只是如何实现功能
2：实现功能之后，你考虑的是如何进行功能优化，交互优化，执行效率优化，性能优化
3：所有框架的本质都是为了解决问题而生的，当你有能力了，可以试试自己造轮子
4：数据结构算法领域，
5：后端、数据库，服务器技术栈领域
6：团队的协作，沟通。执行，解决问题能力也尤为重要。
最后，学习，能为公司解决问题的能力才是最重要的，技术永远也只是手段！