Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/silinchen/awesome-frontend
web 前端技能列表
https://github.com/silinchen/awesome-frontend
List: awesome-frontend
Last synced: 16 days ago
JSON representation
web 前端技能列表
- Host: GitHub
- URL: https://github.com/silinchen/awesome-frontend
- Owner: silinchen
- Created: 2020-03-11T01:55:31.000Z (almost 5 years ago)
- Default Branch: master
- Last Pushed: 2020-03-11T05:57:42.000Z (almost 5 years ago)
- Last Synced: 2024-05-20T12:05:10.058Z (7 months ago)
- Homepage:
- Size: 3.91 KB
- Stars: 0
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
- ultimate-awesome - awesome-frontend - Web 前端技能列表. (Other Lists / PowerShell Lists)
README
# awesome-frontend
awesome frontend
## 基础
基础技能：
* Javascript、ES6
* CSS3
* HTML5
进阶：
* [TypeScript](https://github.com/microsoft/TypeScript)
## 框架
* [Vue.js](https://github.com/vuejs/vue)
* [React.js]((https://github.com/facebook/react))
### Vue.js
##### 常用技术栈（全家桶）
* [vue.js](https://github.com/vuejs/vue)
* [vue-router](https://github.com/vuejs/vue-router)
* [vuex](https://github.com/vuejs/vuex)
* [vue-cli](https://github.com/vuejs/vue-cli)
* 服务端渲染框架：[nuxt.js](https://github.com/nuxt/nuxt.js)
* 常用 UI 框架：
PC端：[elementUI](https://github.com/ElemeFE/element)、[iView](https://github.com/iview/iview)
移动端：[Vant](https://github.com/youzan/vant)、[cube-ui](https://github.com/didi/cube-ui)
* [vue3.0 - 未正式 发布](https://github.com/vuejs/vue-next)
##### 源码解析
* [learnVue](https://github.com/answershuto/learnVue)
* [vue-analysis](https://github.com/ustbhuangyi/vue-analysis)
##### 开源项目
* 后台管理系统（最佳实践）：[vue-element-admin](https://github.com/PanJiaChen/vue-element-admin)
##### 小程序
* [kbone - 微信官方微信小程序和 Web 端同构的解决方案](https://github.com/Tencent/kbone)
* [mpvue - 基于 Vue.js 的小程序开发框架]( https://github.com/Meituan-Dianping/mpvu)
##### 最佳实践
* [awesome-vue](https://github.com/vuejs/awesome-vue)
* [awesome-github-vue](https://github.com/opendigg/awesome-github-vue)
### React.js
##### 常用技术栈（全家桶）
* [react.js](https://github.com/facebook/react)
* [react-router](https://github.com/ReactTraining/react-router)
* 状态管理：[redux](https://github.com/reactjs/redux) + [react-redux](https://github.com/reduxjs/react-redux)、[mobx](https://github.com/mobxjs/mobx) + [mobx-react](https://github.com/mobxjs/mobx-react)
* redux 中间件
* [redux-thunk - redux 异步 action 中间件](https://github.com/reduxjs/redux-thunk)
* [redux-saga](https://github.com/redux-saga/redux-saga)
* 脚手架：[create-react-app](https://github.com/facebook/create-react-app)
* [react native - 使用 React 来编写原生应用的框架](https://github.com/facebook/react-native)
* 应用框架：
* [next.js - 轻量级的 React 服务端渲染应用框架](https://github.com/zeit/next.js/)
* [umi - 可插拔的企业级 react 应用框架](https://github.com/umijs/umi)
* [dva - 基于 redux 和 redux-saga的数据流方案、轻量级的应用框架](https://github.com/dvajs/dva)
* 常用 UI 框架：
* PC 端：[ant-design](https://github.com/ant-design/ant-design)、[react-bootstrap](https://github.com/react-bootstrap/react-bootstrap)、[Material-UI](https://github.com/mui-org/material-ui)
* 移动端：[ant-design-mobile](https://github.com/ant-design/ant-design-mobile/)、[Material-UI](https://github.com/mui-org/material-ui)
##### 源码解析
* [React 源码解析 - jokcy](https://react.jokcy.me)
* [React 源码解析 - 语雀 - ant-h5](https://www.yuque.com/ant-h5/react)
##### 小程序
* [kbone - 微信官方微信小程序和 Web 端同构的解决方案](https://github.com/Tencent/kbone)
- [taro - 多端统一开发框架](https://github.com/NervJS/taro)
##### 开源项目
* 开箱即用的中台前端/设计解决方案: [ant design pro](https://github.com/ant-design/ant-design-pro/)
##### 最佳实践
* [awesome-react](https://github.com/enaqx/awesome-react)
* [awesome-react-native](https://github.com/jondot/awesome-react-native)
* [awesome-react-components](https://github.com/brillout/awesome-react-components)
## 工具
### 打包构建
* [webpack - 模块打包器](https://github.com/webpack/webpack)
* [gulp.js - 基于流(stream)的自动化构建工具](https://github.com/gulpjs/gulp)
* [ebuild](https://github.com/evanw/esbuild) 号称打包比其他打包工具快 10~100 倍
### 编译器
* [Babel - 下一代 JavaScript 语法的编译器](https://github.com/babel/babel)
### 规范
* [ESLint - 插件化的 JavaScript 代码检测工具](https://github.com/eslint/eslint)
* [eslint-plugin-react](https://github.com/yannickcr/eslint-plugin-react)
* [eslint-plugin-vue](https://github.com/vuejs/eslint-plugin-vue)
* [typescript-eslint](https://github.com/typescript-eslint/typescript-eslint)
* [awesome-eslint](https://github.com/dustinspecker/awesome-eslint)
* [Airbnb - js代码规范](https://github.com/airbnb/javascript)
### 测试
* [Jest](https://github.com/facebook/jest)
## Node.js
##### 框架
* [Express - 基于 Node.js 平台的 web 应用开发框架](https://github.com/expressjs/express)
* [Koa (koajs) - 基于 Node.js 平台的下一代 web 开发框架](https://github.com/koajs/koa)
* [egg.js - 基于 Koa 为企业级框架和应用而生](https://github.com/eggjs/egg)
##### 工具／库
* [sequelize - 操作数据库的 ORM 框架](https://github.com/sequelize/sequelize)
## 部署
* [docker](https://www.docker.com)
## 开源项目
### Vue.js
* [vue-element-admin - 后台管理系统（最佳实践）](https://github.com/PanJiaChen/vue-element-admin)
### Nuxt.js
* [nuxtjs.org - nuxt.js 官网](https://github.com/nuxt/nuxtjs.org)
### React.js
* [ant design pro - 开箱即用的中台前端/设计解决方案](https://github.com/ant-design/ant-design-pro/)
### Next.js - 基于 React 的服务端渲染框架
* [next-site - next.js 官方网站](https://github.com/zeit/next-site)
* [opencollective-frontend](https://github.com/opencollective/opencollective-frontend)
## 社区论坛／博客／网站
* [Google](https://www.google.com) 能用谷歌尽量不要用百度
* [Stack Overflow - 英文](https://stackoverflow.com)
* [掘金](https://juejin.im)
* [segmentfault - 思否](https://segmentfault.com)
* [MDN Web 文档](https://developer.mozilla.org/zh-CN)
* [阮一峰](http://www.ruanyifeng.com)、[廖雪峰](https://www.liaoxuefeng.com)