现如今npm已经成为前端开发中必不可少的一部分,目前在npm上发布的包超过34万个,每周仍有超过1万个新包被发布,包一周下载量超过十亿次。作为一名好奇的前端,自然希望能把自己造的轮子让更多人看到。不同于传统的js模块,发…
分类:ReactJS
react高阶组件之经典应用:权限控制
权限控制算是软件项目中的常用功能了。在网站中,权限控制一般分为两个维度:页面级别和页面元素级别。 我们来说说页面元素粒度的权限控制。在某个页面中,有个“创建用户”的按钮,管理员才能看到。 一般想到的做法类似这样 clas…
flux架构浅谈:什么数据才应该放store
flux架构浅谈:什么数据才应该放store 相信很多用过react和vue等框架的人都有思考过这个问题。React的出现,随之带来了flux这一设计理念。从React的Reflux、Redux,再到vue的vuex,一…
[翻译]React抛开事物看本质
React JSX: The Other Side of the Coin React发布的时候,很多人看到JSX都迷失方向(lost their minds)。javascript中的那些括号是干什么的?! 那么关注点…
使用dva+antd快速构建单页面应用
项目结构及使用工具集 原文地址: 个人博客或joescott.coding.me/blog `project |----- src 项目源代码 |----- dist 项目编译目标 |----- .roadhogrc 路…
2017前端框架谁最火?微信指数告诉你
前端发展很快,各种框架推陈出新,很多小伙伴面临最大的问题就是,我该选哪个框架学习呢? 从本质上来说,每个框架各有长处,没有绝对的好坏,各自有适合的项目场景,唯一家独大的框架吹固然是不可取的 选择的时候,先明确要做的是什么…
React Mixins入门指南
对于很多初级的前端工程师对mixins的概念并不是很了解,也没有在React中尝试使用过Mixins,这边文章基本会按照Mixins的作用、用途、原理等多个方面介绍React中Mixins的使用。 首先解释一下什么…
React中的表单组件
表单是前端非常重要的一块内容,并且往往包含了错误校验等逻辑。 React对表单元素做了专门的优化处理,他对表单元素做了一些抽象,使得他们的使用方式更统一更规范。 约束性和非约束性组件 表单里面出来了一个新的概念叫“约束性…
React 动态渲染图片,提升用户体验
作者:Andrew Wong <br/>编译:胡子大哈 翻译原文:http://huziketang.com/blog/posts/detail?postId=58d14215a6d8a07e449fdd2b…
React事件机制
最近在阅读《深入React技术栈》一书中,发现了之前使用React中并没有注意到的React事件与浏览器原生事件之间的区别,鉴于好久已经没有写东西了,就想写一下关于React事件的文章。 首先我们举个例子,如果我们…
react-router 使用browserHistory时不能刷新,404或 报错Unexpected token <
1、刷新后就报404,应该要怎么改? 解决: 如果使用nginx服务器,加上try_files配置: location / { ...... try_files $uri /index.html; } 2、使用brows…
React Router V4 正式版发布
React Router V4 正式版发布,该版本相较于前面三个版本有根本性变化,遵循 Just Component 的 API 设计理念。 本次升级的主要变更有: 声明式 Declarative 可组合 Composa…