React
文章平均质量分 85
我鑫如一
前端工程师
展开
-
React源码初步整理-尝试编写实现React框架(一)
目录 一、在了解React方面的思考 1.react是什么? 2.该做些什么? 二、实现react框架的过程整理 2.1 缩小和明确需求范围 2.2 js实现React框架的相关逻辑和对象的思考和设计 2.3 对象和function初步设计 三,开始编写实现React框架 3.1 实现dom节点对象 这一部分jsx语法的转化是babel实现的最后会转化为 3.2 ReactDom.render方法 setAttrbute方法 3.3 class组件和function组件渲染 3.原创 2021-05-05 17:52:35 · 506 阅读 · 2 评论 -
React框架自我整理(四)-这片天空下的生态系统
一、React是什么? 很神奇,兜兜转转。又回到了最初问过的问题,最开始问这个问题的时候,答案多半是官方给出的答案,A Javascript Library for building user interfaces,简短描述来说是一个Ui库。半知半解。但是开始接触到前端工程化相关知识之后,再次审视React。又有了不一样的看法。从工程化的角度去思考这个问题,而不仅仅从作用去看待它 React是前端工程化中视图工程化的重要实践。如果将前端视为一个生态系统,那么React就是将这个生态系统切割...原创 2021-04-01 23:55:22 · 239 阅读 · 0 评论 -
React框架的自我整理和精简(三)
一、事件处理 (1)React相关命名方式和调用方法的方式:采用小驼峰式命名法。而不是纯小写。使用 JSX语法时候传入一个函数。 (2)阻止React中的事件处理:不是return false.而是通过preventDefault. (3)如何正确的传值和调用class方法:用this.handleClick.bind(this);或者使用箭头函数。 二、条件渲染 (1)React中无法像Angualr中的ng-for和ng-if那样,将条件渲染相关问题,更多的是 通过自行组合处理。 (2...原创 2020-12-14 10:50:53 · 74 阅读 · 0 评论 -
React框架自我整理和精简(二)
一、React中的元素组成 (1)可以是Dom元素 (2)可以是用户自定义的组件 function组件和class组件的对应区别和相应的特点。 class组件继承了React中的生命周期等特点。不同的生命周期可以编写不同的方式进行渲染值 和加载函数。 二、提取组件的问题 (1)从命名做起 如果随意的编写和和命名组件的话,那么相应的结构,就会非常的凌乱。因此需要组件 需要考虑易读性,和相应的通用性。 这就需要从组件的命名开始做起。 如果要编写通用的组件,那就...原创 2020-12-08 22:52:44 · 92 阅读 · 0 评论 -
React框架自我整理和精简(一)12.7
经过几个月的时间,完成了React框架的PC的项目需求编写。和Angular框架下的ionic混合式APP需求编写。现在开始返回回顾对应框架中文文档。并希望在接下来的时间,整理相应的点,并连贯成一个成结构的知识体系。把原有的文档精简,变薄。计划是分阶段的,刚开始的内容会倾向于整理和梳理React中文文档中的内容和知识,并添加自己在实际工作中的想法和经验,将有关联的知识点链接起来。 一、简单的jsx funciton demoTest(user){ return user.firs...原创 2020-12-08 08:56:59 · 84 阅读 · 0 评论