文章目录React 代码规范1、基础规则2、组件声明（1）组件名称和定义该组件的文件名称建议要保持一致；（2）不要使用 displayName 属性来定义组件的名称，应该在 class 或者 function 关键字后面直接声明组件的名称。3、React 中的命名4、JSX 写法4.1、标签（1）当标签没有子元素的时候，始终使用自闭合的标签 。（2）如果标签有多行属性，关闭标签要另起一行 。（3
这篇文章非常长，写这篇文章的初衷是为了沉淀这几年在项目上的一些代码实践，同时也希望能够听听外界的声音，毕竟闭门造车不可取。
转载
2022-04-12 14:36:49
290阅读
这篇文章非常长，写这篇文章的初衷是为了沉淀这几年在项目上的一些代码实践，同时也希望能够听听外界的声音，毕竟闭门造车不可取。
原创
2022-04-01 22:34:23
149阅读
1、基础规则 一个文件声明一个组件： 尽管可以在一个文件中声明多个 react 组件，但是最好不要这样做；推荐一个文件声明一个 react 组件，并只导出一个组件； 使用 jsX 表达式： 不要使用 React.createElement 的写法； 函数组件和 class 类组件的使用场景： 如果定
转载
2020-09-21 15:31:00
401阅读
2评论
总述： 1.各人的代码彻底分开，创建自己的api文件、组件文件夹、仓库文件夹、页面文件夹、工具函数文件等，仅保留极其少
【react】父组件向子组件传值
父向子是用props，然后再子那边有一个监听函数
componentWillReceiveProps:function(nextProps){
this.setState({
visible:nextProps.visible,
item:nextProps.item,
一、前言最近在看前端react项目，在此总结下react项目启动加载过程，启动后是怎么显示首页的。(Ant Design Pro项目)PS：需要大概了解下React与ES6二、react项目启动加载过程1.项目依赖安装与本地启动以本人的项目为例，是Ant Design Pro项目；下载好项目后，首先需要安装依赖（node_modules）：npm install然后，查看package.json文
转载
2023-12-10 11:47:10
40阅读
现在最热门的前端框架有AngularJS、React、Bootstrap等。自从接触了ReactJS，ReactJs的虚拟DOM（Virtual DOM）和组件化的开发
一、ReactJS简介
React 起源于 Facebook 的内部项目，因为该公司对市场上所有 JavaScript MVC 框架，都不满意，就决定自己写一套，用来架设 Instagram 的
转载
2024-01-08 11:00:14
56阅读
React笔记(五)1.组件化React应用采用基于组件的架构方式，也就是说可以将一个复杂的页面分解成一个个较简单的组件来实现。但组件在开发时，常常会遇到一些问题，比如为单一组件赋予了过多的指责。这在项目上是可行的，但如果需要修改现有功能，或者创建新功能，就大大增加了工作量。export default class Demoe extends Component {
state={
c
转载
2023-11-27 15:10:29
69阅读
一、react项目流程create react app文档1、安装npm i create-react-app -g
create-react-app myapp
或者
npx i create-react-app myapp2、创建基本目录，将App.jsx移入layout中入口找布局，布局找页面，页面找组件-[myreactapp] 项目名
---[src]
-----[components]
转载
2023-12-14 22:13:18
81阅读
一直在用react进行编码，下面来看一下react框架的源码，了解一下react框架的思路。首先，看下packages/react文件夹下的代码，也就是React通过packages/react/index.js,可以大致了解到有哪些常用的react apiexport {
__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED,
act as u
在之前的文章中，react代码的书写有很多冗余，所以接下来对代码进行一下优化。 首先优化的是关于this指向这一块的代码，我们不必在每次的绑定后面加bind(this)语句，只需在构造函数里做处理就可以，如图： 其次就是在渲染的时候，代码量有点大，我们可以定一个函数来实现，如图： 最后是关于定义组件时候的写法： ...
原创
2022-02-21 17:53:27
252阅读
一、createElement上一章我们讲到了所有jsx语法都会被转成createElement。那么createElement的实现是怎样的呢？首先我们从github克隆下来react的源码库，我们先来分析下react源码库的文件布局。 react工程根目录下有packages文件夹，其间放置的是react的各个包，我们暂时把着力点放于react目录下。内部是react源码实现。抛出去一些非必
在之前的文章中，react代码的书写有很多冗余，所以接下来对代码进行一下优化。 首先优化的是关于this指向这一块的代码，我们不必在每次的绑定后面加bind(this)语句，只需在构造函数里做处理就可以，如图： 其次就是在渲染的时候，代码量有点大，我们可以定一个函数来实现，如图： 最后是关于定义组件时候的写法： ...
原创
2021-08-27 09:36:25
511阅读
一、ReactNative简介ReactNative是移动端目前最热的框架之一, 着力于提高多平台开发的开发效率 —— 仅需学习一次，编写任何平台。(Learn once, write anywhere)。Facebook 已经在多项产品中使用了React Native，并且将持续地投入建设React Native。React Native 可以通过更新远端JS，直接更新app
转载
2023-09-18 12:24:26
72阅读
react源码解析8.render阶段视频讲解（高效学习）：进入学习
往期文章：1.开篇介绍和面试题2.react的设计理念3.react源码架构4.源码目录结构和调试5.jsx&核心api6.legacy和concurrent模式入口函数7.Fiber架构8.render阶段9.diff算法10.commit阶段11.生命周期12.状态更新流程13.hooks源码14.手写hooks15
前言近期在学习react，为记录学习过程，我创建了一个仓库，用案例展示知识，从代码中进行学习。react基础部分
原创
2022-05-31 07:31:58
208阅读
背景 在vscode 中，虽然有插件可以达到代码提示的效果但是不是很嗨。 所以加上这些： 全局安装typings: npm install typings -g 1 安装react和react-native的接口说明文件： typings install dt~react --save typing
转载
2020-06-26 18:06:00
206阅读
2评论
MobX背后的哲学很简单: 任何源自应用状态的东西都应该自动地获得。 其中包括UI、数据序列化、服务器通讯，等等。
转载
2021-07-06 10:00:57
437阅读
# 在React网站中加入jQuery代码的流程
## 1. 简介
在React网站中加入jQuery代码可以帮助我们利用jQuery的丰富插件和功能来增强网站的交互性和用户体验。本文将向你介绍如何实现这个过程，并提供每一步所需的代码和注释。
## 2. 流程图
```mermaid
erDiagram
Developer --"使用"--> jQuery : 引入jQuery库
原创
2023-08-23 04:19:55
153阅读
