
React探秘:从基础到原理的深度解析
文章平均质量分 95
此专栏的内容包括React的核心概念、虚拟DOM、组件生命周期、状态管理和性能优化等方面。通过深入剖析React的底层架构和原理,能够深刻理解React的工作机制,从而更好地运用React进行开发。此专栏面向深度学习者,不仅仅局限于React的基础知识,还包含了一些高级的实践技巧和最佳实践。
与墨学长
在职前端开发工程师,前沿技术狂热爱好者,Java开发studying,python开发studying,rust开发studying,摄影爱好者,音乐爱好者。
商务合作请联系。
特此声明:本人不以任何形式对文章内容进行收费,分享内容全部免费,包括专栏,只希望和大家一起成长,一起进步。
展开
-
React 的 what,why 和 how
React 介绍及环境搭建❤支持一下博主呗啾咪❤react 概述什么是 react ?React 的特点React 的基本使用React 的安装React 的使用方法说明React.createElement() 说明(知道)、ReactDOM.render() 说明React 脚手架的使用React 脚手架意义使用 React 脚手架初始化项目npx 命令介绍补充说明在脚手架中使用 React总结❤支持一下博主呗啾咪❤react 概述什么是 react ?React 是一个用于构建用户界面的J原创 2022-05-30 22:36:36 · 157 阅读 · 1 评论 -
深入浅出 React 组件
函数组件:使用 JS 的函数(或建瓯函数)创建的组件渲染函数组件:用函数名作为组件标签名。用箭头函数创建组件:总结:类组件:使用 ES6 的 class 创建的组件。抽离为独立 JS 文件思考:项目中的组件多了以后,该如何组织这些组件呢?组件作为一个独立的个体,一般都会放到一个单独的 JS 文件中。抽离组件的步骤:React 事件处理事件绑定React 事件绑定语法与 DOM 事件语法相似。语法:比如:注意:**React 事件采用,比如:onMouseEn原创 2022-06-06 17:06:13 · 486 阅读 · 1 评论 -
React 组件之间到底是如何进行通讯的?
组件是独立且封闭的单元,默认情况下,只能使用组件自己的数据。在组件化过程中,我们将一个完整的功能拆分成多个组件,以更好地完成整个应用的功能。而在这个过程中,多个组件之间不可避免的要共享某些数据。为了实现这些功能,就需要打破组件的独立封闭性,让其与外界沟通。这个过程就是组件通讯。组件是封闭的,要接收外部数据应该通过 props 来实现。props 的作用:接收传递给组件的数据。传递数据:给组件标签添加属性。接收数据:函数组件通过参数 props 接收数据,类组件通过 this.props 接收数据原创 2022-06-14 16:16:19 · 435 阅读 · 0 评论