提供了编程的基础技术教程

zl程序教程

react 学习

  • ​React源码学习入门（三）React源码codebase架构和调试介绍

    ​React源码学习入门（三）React源码codebase架构和调试介绍

    React源码codebase架构和调试介绍本文基于React v15.6.2版本介绍，原因请参见新手如何学习React源码 代码目录结构 . ├── Gruntfile.js ├── README.md ├── docs ├── examples ├── grunt ├── gulp ├── gulpfile.js ├── package.json ├── scripts ├── src #

    日期 2023-06-12 10:48:40     
  • React源码学习入门（四）深入探究React中的对象池

    React源码学习入门（四）深入探究React中的对象池

    深入探究React中的对象池❝本文基于React v15.6.2版本介绍，原因请参见新手如何学习React源码 ❞源码分析React对象池的实现在源码的src/shared/utils/PooledClass.js，整体实现还是比较简单的，总共就暴露了一个API，和一些针对不同个数参数的处理函数：// 将一个类池化 var addPoolingTo = function<T>( C

    日期 2023-06-12 10:48:40     
  • 【React】学习笔记（一）——React入门、面向组件编程、函数柯里化

    【React】学习笔记（一）——React入门、面向组件编程、函数柯里化

    课程原视频：https://www.bilibili.com/video/BV1wy4y1D7JT?p=2&spm_id_from=pageDriver目录一、React 概述 1.1、React 开发背景1.2、模块与组件、声明式与组件化1.3、虚拟DOM与真实DOM二、React 入门 2.1、Hallo React2.2、JSX语法规则2.3、JS语句（代码）与JS表达式的区别三、

    日期 2023-06-12 10:48:40     
  • React源码学习入门（六）React Component是如何实现的？

    React源码学习入门（六）React Component是如何实现的？

    本文基于React v15.6.2版本介绍，原因请参见新手如何学习React源码源码解析ReactComponent的实现超出想象的简单，位于src/isomorphic/class/ReactBaseClasses.js：function ReactComponent(props, context, updater) { this.props = props; this.context

    日期 2023-06-12 10:48:40     
  • ​React源码学习入门（九）DOM挂载细节流程

    ​React源码学习入门（九）DOM挂载细节流程

    DOM挂载细节流程本文基于React v15.6.2版本介绍，原因请参见新手如何学习React源码源码分析React挂载DOM的核心流程在src/renderers/dom/shared/ReactDOMComponents.js下： mountComponent: function( transaction, hostParent, hostContainerInfo,

    日期 2023-06-12 10:48:40     
  • React源码学习入门（十二）DOM组件更新流程与Diff算法

    React源码学习入门（十二）DOM组件更新流程与Diff算法

    DOM组件更新流程与Diff算法本文基于React v15.6.2版本介绍，原因请参见新手如何学习React源码 源码分析 前面提到过最终的更新还是要在DOMComponent完成，而setState后，触发到DOM的更新入口是receiveComponent，源码在src/renderers/dom/shared/ReactDOMComponent.js： receiveComponent:

    日期 2023-06-12 10:48:40     
  • React源码学习进阶（七）挂载阶段的commitWork

    React源码学习进阶（七）挂载阶段的commitWork

    本文采用React v16.13.1版本源码进行分析源码解析首先我们回顾一下挂载开始的入口performSyncWorkOnRoot，它位于packages/react-reconciler/src/ReactFiberWorkLoop.js：function performSyncWorkOnRoot(root) { // Check if there's expired work

    日期 2023-06-12 10:48:40     
  • React Hooks 学习笔记 | React.memo 介绍（三 ）

    React Hooks 学习笔记 | React.memo 介绍（三 ）

    一、开篇在《React Hooks 学习笔记 | State Hook（一）》和 《React Hooks 学习笔记 | useEffect Hook（二）》这两篇文章里我们分别学习了 State Hook 和 useEffect Hook，从本篇文章起，我们将讨论下如何应用 Hook 其他的函数提升组件的性能。在 React 应用中，提升组件的性能涉及两个方面，一是减少不必要的渲染，二是减少渲

    日期 2023-06-12 10:48:40     
  • React 学习笔记，从入门到精通，持续记录

    React 学习笔记，从入门到精通，持续记录

    官方文档 https://zh-hans.reactjs.org/docs/hello-world.html 相关书籍：https://www.zhihu.com/pub/book/119565131React Native：https://github.com/reactnativecn/react-native-guideCreate React App：https://create-reac

    日期 2023-06-12 10:48:40     
  • React ｜使用Antd 进行布局学习

    React ｜使用Antd 进行布局学习

    node : v18.0.0npx: 8.5.2npx create-react-app react-route-layoutantd: "^5.1.2"路由使用：BrowserRouter，源自：react-router-domimport React from 'react'; import ReactDOM from 'react-dom

    日期 2023-06-12 10:48:40     
  • react学习笔记

    react学习笔记

    昨天在安装react脚手架的时候报了个错，报错信息是提示电脑上没有安装python，所以需要先安装一下python的环境 找到官网，下载最新的安装包 按照程序是个exe程序&#x

    日期 2023-06-12 10:48:40     
  • 【React Native开发】React Native配置执行官方样例-刚開始学习的人的福音(8)

    【React Native开发】React Native配置执行官方样例-刚開始学习的人的福音(8)

    转载请标明出处：http://blog.csdn.net/developer_jiangqq/article/details/50546194本文出自:【江清清的博客】(一)前言          【好消息】个人站点已经上线执行,后面博客以及技术干货等精彩文章会同步更新，请大家关注收藏:http

    日期 2023-06-12 10:48:40     
  • React学习资料

    React学习资料

    以下是我整理的React学习资料，包括：React基础、Redux、reat-router, redux middleware, higher order components, React验证等， 来自于Udemy、EggHead和http://www.reactjsprogram.com/, 是我跟随视频step-by-step的方式实践出来的一个个项目。每个项目的教程放在了documen

    日期 2023-06-12 10:48:40     
  • React学习之路之创建项目

    React学习之路之创建项目

    React学习之路之创建项目 2019-08-12 11:58:26 小子pk了 阅读数 16更多 React 开发环境准备 IDE工具 visual studio code 开发环境 开发环境需要安装nodejs和npm，nodejs工具包含了npm。 nodejs下载官

    日期 2023-06-12 10:48:40