All Projects → jixianu → Easyfun

jixianu / Easyfun

a project using react antd webpack es6

Programming Languages

javascript
184084 projects - #8 most used programming language
es6
455 projects

Projects that are alternatives of or similar to Easyfun

React Mobx Ts Antd
A simple empty project build with react、react-router、mobx、antd in typescript.
Stars: ✭ 53 (-64.67%)
Mutual labels:  webpack, antd
Vue Lottery
🎨 抽奖以及截屏保存图片至本地
Stars: ✭ 90 (-40%)
Mutual labels:  webpack, mock
Antd Admin
An excellent front-end solution for enterprise applications built upon Ant Design and UmiJS
Stars: ✭ 8,678 (+5685.33%)
Mutual labels:  mock, antd
Reactspa
combination of react teconology stack
Stars: ✭ 911 (+507.33%)
Mutual labels:  mock, antd
Vue Spa Project
vue.js + vuex + vue-router + fetch + element-ui + es6 + webpack + mock 纯前端SPA项目开发实践
Stars: ✭ 118 (-21.33%)
Mutual labels:  webpack, mock
React Redux Antdesign Webpack Starter
react + redux + ant design + react-router 4 + webpack 4 starter
Stars: ✭ 44 (-70.67%)
Mutual labels:  webpack, antd
React Antd Dva
基于react + ant-design + dva + Mock 企业级后台管理系统最佳实践
Stars: ✭ 85 (-43.33%)
Mutual labels:  webpack, mock
Blog React
react + Ant Design + 支持 markdown 的博客前台展示
Stars: ✭ 463 (+208.67%)
Mutual labels:  webpack, antd
React Koa Login
koa2 + react + react-router(4.0) + redux + webpack + antd
Stars: ✭ 109 (-27.33%)
Mutual labels:  webpack, antd
Antdfront
using next generation data manager and hook、pure function component 、webpack to build antd design pro microfrontend project without umi, cra,dva or rematch
Stars: ✭ 105 (-30%)
Mutual labels:  webpack, antd
React
基于react的企业后台管理开发框架
Stars: ✭ 809 (+439.33%)
Mutual labels:  webpack, antd
Bad Ass Salesforce Stack
B.A.S.S. Starter: react / redux / typescript / antd / ts-force / sfdx / webpack / salesforce
Stars: ✭ 126 (-16%)
Mutual labels:  webpack, antd
React Article Bucket
总结,积累,分享,传播JavaScript各模块核心知识点文章全集,欢迎star,issue(勿fork,内容可能随时修改)。webpack核心内容部分请查看专栏: https://github.com/liangklfangl/webpack-core-usage
Stars: ✭ 750 (+400%)
Mutual labels:  webpack, antd
Cdfang Spider
📊 成都房协网数据分析,喜欢请点 star!
Stars: ✭ 1,063 (+608.67%)
Mutual labels:  webpack, antd
Vue Admin Webapp
this is a admin project
Stars: ✭ 673 (+348.67%)
Mutual labels:  webpack, mock
React Ant Pro
(基于pro 1.0)基于Ant Design Pro 后台项目修改的多标签页tabs(多标签tabs、拖拽、富文本、多功能table、多选Select、React Hooks)
Stars: ✭ 64 (-57.33%)
Mutual labels:  webpack, antd
Vue Cms
基于 Vue 和 ElementUI 构建的一个企业级后台管理系统
Stars: ✭ 415 (+176.67%)
Mutual labels:  webpack, mock
React
React+webpack+redux+ant design+axios+less全家桶后台管理框架
Stars: ✭ 4,414 (+2842.67%)
Mutual labels:  webpack, antd
React Antd Admin
用React和Ant Design搭建的一个通用管理后台
Stars: ✭ 1,313 (+775.33%)
Mutual labels:  webpack, antd
D2 Admin
An elegant dashboard
Stars: ✭ 11,012 (+7241.33%)
Mutual labels:  webpack, mock

简趣

一个简单趣味的pc-react站

###技术栈

  • React
  • React-Router
  • ES6
  • Less
  • Antd
  • Mock.js
  • Webpack

###运行 在目录中,运行指令

npm install

开发版

yarn run dev

发布版

yarn run pro

###历程(各种偷懒啊)

2.24 配置webpack与包管理
2.25 配置webpack开发热更新 4.6 使用stage-0编程,这样可以省去bind(this) 使用聚合数据API与localStorage做用户登录,接口只能接受username-aaa 4.21 完成电影详情页,首页 5.21 router的异步加载

###挖坑埋坑

  1. 公共的base,其他css引用不每次都要引用
  2. 豆瓣的API访问次数,30次/min
  3. 异步读取数据时,返回数据之前切换router会使页面报waring,setState nothing 用给路由一个状态this.mouted
  4. fetch时mock的数据需要放在服务器环境才能拦截http请求,未解决--需要配置node后台环境
  5. 组件样式问题,需要在渲染组件上引入,不应在容器组件上那应用样式,会导致再次使用时还需引样式
  6. fetch错误的catch怎么能统一返回一个数据组合?给一个state做判断,能不能统一返回一个DOM节点--不能
  7. 组件的大小样式是px像素,而当二次使用时不可适配,应使用百分比
  8. webpack打包无法处理jsx中的img标签引用,使用require()则会被编译
  9. [email protected]渲染是需要按照react-router-dom,没有hashHistory方法,推荐使用browserHistory,只有[email protected]才有hashHistory

###预览

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].