React是用于构建用户界面的JavaScript库, [2] 起源于Facebook的内部项目,因为该公司对市场上所有 JavaScript MVC框架,都不满意,就决定自己写一套,用来架设Instagram的网站。做出来以后,发现这套东西很好用,就在2013年5月开源了。

学习笔记-React的简单介绍&工作原理

一、React简单介绍 1、React起源于Facebook内部项目,与2013年5月 2、是一个用于构建用户界面的JavaScript库 二、React特点 1、声明式设计-React采用声明范式,可以轻松描述应用 2、高效-React通过对DOM的模拟,最大限度地减少与DOM的交互 3、灵活- ... »

wanli-leon React

SignalR 在React/GO技术栈的生产应用

哼哧哼哧半年,优化改进了一个运维开发web平台。 本文记录SignalR在react/golang 技术栈的生产小实践。 1. 背景 有个前后端分离的运维开发web平台, 后端会间隔5分钟同步一次数据,现在需要将最新一次同步的时间推送到web前端。 说到[web服务端推送],立马想到SignalR, ... »

React实现组件全屏化

介绍 本文基于React+antd,给大家演示一个完整的全屏demo。 起因是开发今天给我提了一个sql编辑器输入框比较小,不支持放大,不太方便。希望能够全屏显示,联想到自己以后可能也会需要,便研究并记录之。 其实我觉得也没有很小(orz) 全屏 大家应该都在web页面里面见过全屏按钮,点击它以后页 ... »

we8fans react

React 组件通讯

父传子 1 import React from 'react' 2 import ReactDOM from 'react-dom' 3 4 /* 5 组件通讯: 6 7 1 父组件 -> 子组件: 8 1.1 在父组件中提供状态 9 1.2 给子组件标签传递属性 name,值为:this.stat ... »

luxianren React

React Native之新架构中的Turbo Module实现原理分析

有段时间没更新博客了,之前计划由浅到深、从应用到原理,更新一些RN的相关博客。之前陆续的更新了6篇RN应用的相关博客(传送门),后边因时间问题没有继续更新。主要是平时空余时间都用来帮着带娃了,不过还是要挤挤时间来总结下,目标是完成由浅到深、由应用到原理的RN系列博客。本篇算是属于原理部分的博客,不过 ... »

react之组建通信

父组件与子组件通信 父组件将自己的状态传递给子组件,子组件当做属性来接收,当父组件更改自己状态的时候,子组件接收到的属性就会发生改变 父组件利用ref对子组件做标记,通过调用子组件的方法以更改子组件的状态,也可以调用子组件的方法 父组中定义ref引用 import React,{Component, ... »

ypSharing

React后台管理系统-首页Home组件

React后台管理系统 首页Home组件 1.Home组件要显示用户总数、商品总数和订单总数,数据请求后端的 /manage/statistic/base_count.do接口,返回的是 this.s »

six-hc

react之组件生命周期

四个阶段 初始化 运行中 销毁 错误处理(16.3以后) 初始化 constructor static getDerivedStateFromProps() componentWillMount() / UNSAFE_componentWillMount() render() componentDi ... »

ypSharing

react之事件处理

1、事件绑定 React 元素的事件处理和 DOM 元素的很相似,但是有一点语法上的不同: React 事件的命名采用小驼峰式,而不是纯小写。 onClick onChange 使用 JSX 语法时你需要传入一个函数作为事件处理函数,而不是一个字符串。 onClick={this.fn} 类组件与函 ... »

ypSharing

react之组件数据挂在方式

1、属性(props) 组件间传值,在React中是通过只读属性 props 来完成数据传递的。 props:接受任意的入参,并返回用于描述页面展示内容的 React 元素。 import React, { Component, Fragment } from 'react' import Reac ... »

ypSharing

react之四种组件中DOM样式设置方式

1、行内样式 想给虚拟dom添加行内样式,需要使用表达式传入样式对象的方式来实现 行内样式需要写入一个样式对象,而这个样式对象的位置可以放在很多地方 例如:render函数里、组件原型上、外链js文件中 注意:这里的两个括号,第一个表示我们在要JSX里插入JS了,第二个是对象的括号 <p style ... »

ypSharing

react 项目学习

1-2 前置准备 开发环境: Node.js(v8.2+) NPM(v5.2+) Visual Studio Code(VS Code) VS Code常用插件: Prettier-Code form »

izyk