All Projects → dunwu → frontend-tutorial

dunwu / frontend-tutorial

Licence: CC-BY-SA-4.0 license
🎨 一个后端程序员的前端技术总结

Programming Languages

javascript
184084 projects - #8 most used programming language
CSS
56736 projects
SCSS
7915 projects
HTML
75241 projects
java
68154 projects - #9 most used programming language
Less
1899 projects

Projects that are alternatives of or similar to frontend-tutorial

Wanna
💡✔ Wanna is an implementation of a 21st-century to-do list app.
Stars: ✭ 189 (+54.92%)
Mutual labels:  react-router, eslint
Create React Redux App
This project was bootstrapped with Create React App and Redux, Sass Structure.
Stars: ✭ 46 (-62.3%)
Mutual labels:  fetch, react-router
Alldemo
🍑 2020全栈学习Demo大合集 包含最新 hooks TS 等 还有umi+dva,数据可视化等实战项目 (持续更新中)
Stars: ✭ 189 (+54.92%)
Mutual labels:  react-router, antd
React Redux Universal Boilerplate
An Universal ReactJS/Redux Boilerplate
Stars: ✭ 165 (+35.25%)
Mutual labels:  react-router, eslint
Next Blog
基于react(ssr)服务端框架next.js和antd-design搭建的个人博客
Stars: ✭ 214 (+75.41%)
Mutual labels:  fetch, antd
Express React Boilerplate
Express, MySQL, React/Redux, NodeJs Application Boilerplate
Stars: ✭ 179 (+46.72%)
Mutual labels:  react-router, eslint
Reactspa
combination of react teconology stack
Stars: ✭ 911 (+646.72%)
Mutual labels:  fetch, antd
React Admin
基于antd、redux-observable、redux-thunk、react-router响应式SPA脚手架,后台管理系统demo. 权限管理,用户管理,菜单管理。无限级菜单,下拉树形选择框
Stars: ✭ 141 (+15.57%)
Mutual labels:  react-router, antd
Vue Spa Project
vue.js + vuex + vue-router + fetch + element-ui + es6 + webpack + mock 纯前端SPA项目开发实践
Stars: ✭ 118 (-3.28%)
Mutual labels:  fetch, eslint
Redux Cnode
react+react-router+redux+es6+antd-mobile+webpack版本的Cnode
Stars: ✭ 96 (-21.31%)
Mutual labels:  fetch, react-router
Express Webpack React Redux Typescript Boilerplate
🎉 A full-stack boilerplate that using express with webpack, react and typescirpt!
Stars: ✭ 156 (+27.87%)
Mutual labels:  react-router, eslint
react-express-mongodb
基于react全家桶+antd design+webpack2+node+express+mongodb开发的前后台博客系统
Stars: ✭ 26 (-78.69%)
Mutual labels:  fetch, react-router
Js Stack Boilerplate
Final boilerplate code of the JavaScript Stack from Scratch tutorial –
Stars: ✭ 145 (+18.85%)
Mutual labels:  react-router, eslint
React Admin
基于react的后台管理项目模板
Stars: ✭ 184 (+50.82%)
Mutual labels:  react-router, antd
Project Webcube
Continuously updated JS infrastructure for modern web dev
Stars: ✭ 141 (+15.57%)
Mutual labels:  react-router, eslint
React Cnodejs.org
Material UI version of cnodejs.org, the biggest Node.js Chinese community.
Stars: ✭ 242 (+98.36%)
Mutual labels:  react-router, eslint
News App By React.js
🌈一个由React.js编写的新闻WebApp。A news WebApp by React.js.
Stars: ✭ 131 (+7.38%)
Mutual labels:  react-router, antd
React Pages Boilerplate
Deliver react + react-router application to gh-pages
Stars: ✭ 134 (+9.84%)
Mutual labels:  react-router, eslint
React M
react-mobile
Stars: ✭ 56 (-54.1%)
Mutual labels:  fetch, eslint
sunrise
The rise of a new project with React, Redux-Saga and React-Router
Stars: ✭ 13 (-89.34%)
Mutual labels:  react-router, antd

logo

license build

FRONTEND-TUTORIAL

一个后端程序员的前端技术总结。

📖 内容

react-stack

Html, Css, JavaScript

前端基础 - Html, Css, JavaScript

Nodejs

Webpack

Webpack 是一个模组打包工具(module bundler)。其主要目的是将 JavaScript 文件捆绑在浏览器中,但它也能够转换,捆绑或打包任何资源文件。

webpack 允许根据需要去加载应用程序的部件。使得 Javascript 应用可以高度复用。

ES6, Babel, ESLint

React 技术生态

Vue 技术生态

前端常用工具

📌 说明

  • docs :所有文档存放于 docs 目录。
  • codes :所有示例代码存放于 codes 目录。

我在学习 React 过程中,发现网上大部分示例动不动就是一大堆 React 技术整合在一起。这让初学者经常感觉很无力:一个技术还没搞懂,就要学另外一个技术,立不动心啊。

所以,我建立了一个连续性项目: jigsaw(拼图) 。之所以叫连续性项目,是因为它是一步步引入 React 技术。

每个 jsgsaw 目录,都是基于前面 chapter 的基础上,引入本 chapter 重点学习的技术。我觉得,通过这种方式,能更加晰的理解,如何搭建一个完整的 React 项目。

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].