前端开发

思想

介绍

前端开发很直观,你需要用你的眼睛和双手来调整风格。 与后端不同的是前端需要你有充分的想象力和设计能力,你需要构建一个能够满足应用场景、满足应用功能需求且让用户视觉舒服的页面。 同时,你需要有责任心,因为你需要尽最大努力让用户满意,做出更优雅的动效。

就像你不喜欢一个破旧的网站一样,我们需要让网站风格受人喜爱,让更多的用户愿意留在这里,进而成为我们的忠实用户。

技术栈

前端生态完善,技术栈更新速度更快。我们应该关注时事,更多地了解新技术堆栈。 执着使用老旧技术栈对你的个人发展能力没有好处,尽管它们通常具有更高的稳定性和更好的生态环境。

我们必须跟上时代的步伐。学习、创造和贡献新技术,为前端构建更好的生态。

环境

软件

作为一个前端开发者,我向你推荐WebStormopen in new window。 这是 JetBrains 打造的一款专业的前端开发 IDE ,适用于大型项目的开发和维护。 它有助于你快速学习前端开发技术,拓宽你的技能。

WebStorm 是一个适用于 JavaScript 和相关技术的集成开发环境。 类似于其他 JetBrains IDE,它也会使您的开发体验更有趣,自动执行常规工作并帮助您轻松处理复杂任务。

代码托管

根据公司内部规定,公司代码必须托管在本公司所属的 GitHub 账号 Ungine-Techopen in new window 下。

存储库的权限可以根据项目负责人来决定,存储库的创建和维护必须由公司领导或高层管理人员负责。

依赖

我们现在使用 Yarnopen in new window 进行前端依赖管理。

我们已经在考虑使用 pnpm 以替代。在测试中,他更加好用。

框架

我们应紧跟时代的脚步,尽可能使用先进的前端框架。

通常,我们使用以下三个基本框架:

我们也会使用一些基于基本框架的衍生框架:

由于 SPA 应用的 SEO 质量难以保障,我们通常使用 Next.js 等带有服务端渲染功能的框架来搭建项目页面。

由于公司大部分开发人员使用 React,我们通常更多地使用 React 来构建大型前端程序。

脚手架

对于一些中小型前端项目,我们会直接使用脚手架:

对于大型前端项目,我们可以根据脚手架的配置进行修改,或者直接自己构建应用。

创建项目时,可以使用以下方法:

# 基本的
yarn init

# 对于 React 应用
yarn global add create-react-app
yarn create react-app --template typescript

# 对于 Next.js 应用
yarn global add create-next-app
yarn create next-app --typescript

语言

为了项目的可维护性和持久性,我们要求所以开发者在项目中都使用 TypeScript 进行构建。

同时,所有变量命名都必须使用英语,注释语言由项目负责人决定。

不同于个人开发的是,公司项目需要严格的类型规范和数据规范,所以 TypeScript 是更好的选择。

更多关于 React TypeScript 开发的详细内容,可以前往 React 开发