JCat的博客

03 为什么 React 16 要更改组件的生命周期？（下）通过对上一个课时的学习，你已经对 React 15 的生命周期有了系统的掌握和理解。本课时，我将在此基础上，对 React 16 以来的生命周期进行剖析。在理解“是什么”的基础上，我将带你对比新旧两个版本生命周期之间的差异，并探寻变化背后的原因。通过本课时的学习，你将明白 React 团队“动作频频”背后的思量与野心，同时也将对时下大热的 Fiber 架构形成初步的认知。进化的生命周期方法：React 16 生命周期工作流详解关于 Rea

02 为什么 React 16 要更改组件的生命周期？（上）React 生命周期已经是一个老生常谈的话题了，几乎没有哪一门 React 入门教材会省略对组件生命周期的介绍。然而，入门教材在设计上往往追求的是“简单省事、迅速上手”，这就导致许多同学对于生命周期知识的刻板印象为“背就完了、别想太多”。“背就完了”这样简单粗暴的学习方式，或许可以帮助你理解“What to do”，到达“How to do”，但却不能帮助你去思考和认知“Why to do”。作为一个专业的 React 开发者，我们必须要求自

前言一个好的框架，就是最好的老师-react进阶学习篇1JSX 代码是如何‘摇身一变’成为 DOM 的时下虽然接入 JSX 语法的框架越来越多，但与之缘分最深的毫无疑问仍然是 React。2013 年，当 React 带着 JSX 横空出世时，社区曾对 JSX 有过不少的争议，但如今，越来越多的人面对 JSX 都要说上一句“真香”！本课时我们就来一起认识下这个“真香”的 JSX，聊一聊“JSX 代码是如何‘摇身一变’成为 DOM 的”。关于 JSX 的 3 个“大问题”在日常的 React 开发工

一、路由1.安装npm install --save react-routernpm install --save react-router-dom //使用react-router5以上版本2. 语法参考文档react-router-cn：github文档react-router官方学习文档router语法学习3. 路由的作用单页面刷新（SPA），切换显示视图初步使用方式：src/app.jsx页面import React, { Component } from 'react'

前言之前学了react基本语法和jsx/组件化，这里还是用ts学习时候的本地留言板案例来实践一下之前的学习语法；正文注意点引入react、react-dom、babel，development是开发版；使用jsx语法时候 script：type="text/babel";使用cdn引入时设置 crossorigin 设置用户凭证；使用jsx循环创建dom的时候，需要设置key；向事件处理程序传递参数：删除方法<button onClick={(e) => this.deletD

接着前一篇继续学习React组件化React中的组件化及父子组件间的传值取值

前言React（02）：React基础语法及核心的概念React很重要的部分：react中使用JSX语法正文什么是JSX语法：就是符合 xml 规范的 JS 语法；（语法格式相对来说，要比HTML严谨很多）可以将HTML语言直接写在JavaScript语言之中，不加任何引号，它允许HTML与JavaScript的混写。这就是JSX的语法。一、使用JSX语法特点及注意事项当 编译引擎在编译JSX代码的时候，如果遇到了<那么就把它当作 HTML代码去编译，如果遇到了 {} 就把 花括号

7. 在项目中使用 react运行 cnpm i react react-dom -S 安装包react： 专门用于创建组件和虚拟DOM的，同时组件的生命周期都在这个包中react-dom： 专门进行DOM操作的，最主要的应用场景，就是ReactDOM.render()在index.html页面中，创建容器：<!-- 容器，将来，使用 React 创建的虚拟DOM元素，...

React.js - 第1天1. React简介React 起源于 Facebook 的内部项目，因为该公司对市场上所有 JavaScript MVC 框架，都不满意，就决定自己写一套，用来架设 Instagram（照片交友） 的网站。做出来以后，发现这套东西很好用，就在2013年5月开源了。Angular1 2009 年 谷歌 MVC 不支持 组件化开发由于 React 的设...