组件和props 组件可以将UI切分成一些的独立的、可复用的部件,这样你就只需专注于构建每一个单独的部件。 react中的组件就像是一个函数,他可以接收一个props对象,并返回一个React元素 函数定义/类定义组件 …
标签:react.js
H5拍照、选择图片上传组件核心
背景 前段时间项目重构,改成SSR的项目,但之前用的图片选择上传组件不支持SSR(server-side-render)。遂进行了调研,发现很多的工具。但有的太大,有的使用麻烦,有的不满足使用需求。决定自己写一个h5移动…
React Hooks 梳理
自 React 16.8 发布以后,在已有项目中,把 package.json 中的 react 和 react-dom 版本一升,就可以抄起 Hooks 开干了。笔者目前已经在项目中开始了实操,但不妨先总结下官方文档中…
React Bind Handle的思考
文章来自我个人的 Github ) 在平时的开发里面,总会碰到handle绑定的问题。如果你和我一样懒或者思考过,你会觉得这个过程实在是太烦了吧。这里记录一下我的思路和历程。 这里以一个按钮的点击事件来做示例。 clas…
使用React Hook提高代码复用性
Hook 简介 Hook 是 React 16.8 的新增特性。是对 React 函数组件的一种扩展,通过提供一些特殊的函数,让无状态的组件拥有状态组件才拥有的能力。 没有Hook之前写组件有两种形式,分别为 函数组件 …
React学习经验总结
学习了一段时间的react,独立完成了一个app练习:TodoMVC。现总结一下这个阶段的学习经历。 个人背景:熟练掌握javascript,用angular做过一个项目,粗略的看过ember和polymer。 官网首页…
前端三大框架对比(二)——数据更新
Angular 最先说Angular的原因是因为它与其他两个框架不同,用的是脏检查机制(Dirty Checking)实现双向数据绑定 在Angular中有一个Zone.js负责监听需要视图变化的事件触发 每一个组件都都…
前端项目文件组织与组件命名
缘由 在开发项目的过程中,大家多多少少会对自己项目的目录结构产生疑惑,如何合理地划分模块以及如何合理的命名,这些如果在项目前期的时候没有好好规范好的话,那么后面新进来的人便会按照自己的逻辑又重新在划分自己的目录,这样日复…
React Bind Handle的思索
文章来自我个人的 Github ) 在日常平凡的开辟内里,总会遇到handle绑定的题目。假如你和我一样懒或许思考过,你会以为这个进程实在是太烦了吧。这里纪录一下我的思绪和进程。 这里以一个按钮的点击事宜来做示例。 cl…
Redux异步中间件
曾经前端的革新是以Ajax的出现为分水岭,现代应用中绝大部分页面渲染会以异步流的方式进行。在Redux中,如果要发起异步请求,最合适的位置是在action creator中实现。但我们之前了解到的action都是同步情况…
Next轻量级框架与主流工具的整合
前言 老大说以后会用 next 来做一下 SSR 的项目,让我们有空先学学。又从 0 开始学习新的东西了,想着还是记录一下学习历程,有输入就要有输出吧,免得以后给忘记学了些什么~ Next框架与主流工具的整合 githu…
react高阶组件小demo-受控组件转换成非受控组件
高阶组件的概念 高阶组件是啥呢?就是一个接收组件作为参数,并返回一个带有附加的属性、方法的包装后的组件。它的作用就是让具有相同功能的组件,能够不写重复代码就复用这部分功能,同时这些组件又能够具有自己独特的属性和方法。这或…