51CTO首页
AI.x社区
博客
学堂
精品班
软考社区
免费课
企业培训
鸿蒙开发者社区
信创认证
公众号矩阵
移动端
视频课 免费课 排行榜 短视频 直播课 软考学堂
全部课程 软考 信创认证 华为认证 厂商认证 IT技术 PMP项目管理 免费题库
在线学习
文章 资源 问答 课堂 专栏 直播
51CTO
鸿蒙开发者社区
51CTO技术栈
51CTO官微
51CTO学堂
51CTO博客
CTO训练营
鸿蒙开发者社区订阅号
51CTO软考
51CTO学堂APP
51CTO学堂企业版APP
鸿蒙开发者社区视频号
51CTO软考题库
CKA（Kubernetes 管理员认证）精品班
按照企业k8s需求进行技能培训，帮助用户快速拿下CKA认证，K8S采用新版本进行授课，课程内容全、讲解详细 。 免费试学
软考高级：系统架构设计师精品班
根据考试大纲对知识点、高频考点进行深入讲解，传授答题技巧及判断标准，助力高效备考。 免费试学
信创认证：系统架构师精品班（高级）
信息技术应用创新人才考试评价 免费试学

java react 模式 react javascript
一句话解释JSX是一个JavaScript的语法扩展或者说是一个类似于XML的ECMAScript语法扩展，其实react本身并不强制使用jsxJSX 原理分析要明白JSX的原理，需要先明白如何用 JavaScript 对象来表现一个 DOM 元素的结构<div class='app' id='appRoot'> <h1 class='title'>欢迎进入React的
java react 模式
react.js
javascript
前端
JSX
转载
网络小墨
2023-09-01 11:53:58
67阅读

React-组合模式
Learn React
html
生产环境
原创
已注销
2022-07-18 16:13:08
20阅读

react 生产模式 docker
在现代的 web 开发中，React 是一个流行的 JavaScript 库，广泛应用于构建用户界面。当我们把 React 应用部署到生产环境时，使用 Docker 来容器化应用是一个非常实用的选择。这篇博文将深入探讨如何将 React 应用在 Docker 中以生产模式运行，并涵盖环境准备、集成步骤、配置详解、实战应用、排错指南和性能优化等重要内容。 ## 环境准备 首先，确保我们有合适的开
Docker
技术栈
数据
原创
mob64ca12f66e6c
6月前
28阅读

【React设计】React企业级设计模式
React企业设计模式是一套有价值的工具和技术，可以帮助您构建更好的React应用程序，提高开发生产力和效率，并提供满足
react.js
设计模式
前端
App
表单
原创
架构师酒馆
2023-12-19 10:48:42
97阅读

React中render Props模式
React组件复用 React组件复用的方式有两种： 1.render Props模式 2.高阶组件HOC
数据
移出
事件绑定
原创
朦胧淡月
2022-09-01 16:57:39
140阅读

IntrinsicElements工厂模式 typescript react
工厂模式是一种设计思想，它适用于需要创建多个具体实例的场景，并且这些实例都具有一个共同的方法（动作）。比如，“发送信息”。我们都知道，发送信息的方式有很多种，但无论是用微信发送，还是用邮件发送，它们都有一个共同的动作，就是“发送”，那么可以把这个动作(send)抽象出来。 1.普通工厂模式 抽象的动作：package com.itant.pattern.sender; public interfa
工厂模式
抽象工厂模式
静态工厂
转载
半夜未央好
9月前
15阅读

现代React状态模式指南
今天分享的内容是现代React状态相关的文章。简介自2013年成立以来，React已经推出了一套强大的工具，
应用程序
数据
ico
转载
静宝宝1019
2022-03-21 11:16:18
202阅读

React中StrictMode严格模式
当我们使用 npx create-react-app my-app 创建一个项目的时候。项目中有一段如下所示
生命周期
开发模式
严格模式
原创
wu_qiang
2022-11-23 00:13:02
118阅读

TypeScript 模式的7种React实现模式
在React开发中，使用TypeScript可以显著提升代码的健壮性和可维护性。以下是7种TypeScript模式，能帮助你打造出团队爱不释手的可靠React组件。1. 基于接口的Props类型定义使用接口（interface）来定义React组件的props类型是一种常见且清晰的方式。例如：// 定义一个按钮组件的props接口 interface ButtonProps { text: s
List
User
泛型
原创 精选
尼羲
5月前
217阅读

react typescrip 怎样判断是开发模式 typescript react教程
最近在跟着黄轶老师学习Vue3.0框架的源码，遇到了难啃的点就是typeScript的泛型反向推论。所以停下脚步找找资料加强学习typeScript的泛型模块。基础部分首先简单创建第一个使用泛型的例子：test函数，这个函数会返回任何传入它的值。// 不用泛型的情况function test(arg: number): number { return arg }// 用泛型的情况function
java
js
编程语言
css
javascript
转载
clghxq
2024-02-18 15:43:04
49阅读

react的路由模式nginx配置 react中的路由
1、分析路由自己实现需要满足的是： （1）改变URL，但是页面不要进行强制刷新（a标签会进行页面的自动刷新） （2）自己来监听URL的改变，并且改变之后自己改变页面的内容2、监听hash来实现 hase的特点是再url后加上# 设置a标签如下：<div id="app"> <a href="#/home">首页</a> <a href="#
react的路由模式nginx配置
react.js
javascript
前端
User
转载
浪人小风光
2024-06-27 06:04:59
99阅读

webpack+react+redux+es6开发模式webpack+react+es6开发模式
数据
json
父页面
加载
html
转载
mb5fcdf3205bda3
2016-12-07 19:02:00
144阅读
2评论

React组件设计模式最佳实践
React作为现代前端开发的主流框架，其组件化思想极大地提升了代码的可维护性和复用性。然而，随着应用复杂度的增加，如何设计高质量的React组件成为开发者面临的重要挑战。本文将深入探讨React组件设计的最佳实践，帮助开发者构建更加优雅、可维护的应用。 1. 组件类型选择：函数式组件优先 在React Hooks推出后，函数式组件已经成为首选的组件编写方式。相比类组件，函数式组件更加简洁，性能更好
函数式
Data
sed
原创
尔等氏人
1月前
59阅读

react是什么架构模式
React - 用于构建交互式UI的JavaScript库什么是React?React是一个用于构建用户界面的JavaScript库。它由Facebook开发，并于2013年首次发布。React的特点之一是其组件化的结构，它使得构建复杂的用户界面变得更加容易和直观。React通过使用虚拟DOM（Virtual DOM）来实现高效的页面渲染。在React中，当数据发生变化时，虚拟DOM会记录这些变化
react是什么架构模式
javascript
react.js
前端
JSX
转载
mob64ca13fa2f9e
6月前
22阅读

react源码解析6.legacy模式和concurrent模式
react源码解析6.legacy模式和concurrent模式视频讲解（高效学习）：进入学习(https://xiaochen1024.com/series/60b1b600712e370039088e24/60b1b636712e370039088e25)往期文章：1.开篇介绍和面试题(https://xiaochen1024.com/courseware/60b1b2f6cf10a4003b
react
原创
goClient1992
2021-12-13 09:34:12
116阅读

react源码解析6.legacy模式和concurrent模式
react源码解析6.legacy模式和concurrent模式视频讲解（高效学习）：进入学习(://xiaochen1024.com/series/60b1b600712e370039088e24/60b1b636712e370039088e25)往期文章：1.开篇介绍和面试题(://xiaochen1024.com/courseware/60b1b2f6cf10a4003b
react
原创
goClient1992
2022-04-13 06:39:25
241阅读

React 源码解读之 Concurrent 模式（一）
引言为了提升用户体验，React 团队提出了 Concurrent 模式。Concurrent 模式可以在应用更新的同时保持浏览器对用户的响应，并根据用户的设备性能和网速进行适当的调整。我们通过一个例子来看看 Legacy 模式和 Concurrent 模式之间的区别：例子中的页面有个正方形，我们给它加了一个动画效果，会左右来回移动。id 为 root 的 div 为 React 应用的挂载点。&
React
Concurrent
转载
mb600beb5e8f23b
2021-01-28 21:01:01
449阅读
2评论

7 种 TypeScript 模式的 React 组件
在React开发中，使用TypeScript可以显著提升代码的健壮性和可维护性。以下是7种TypeScript模式，能帮助你打造出团队爱不释手的可靠React组件。1. 基于接口的Props类型定义使用接口（interface）来定义React组件的props类型是一种常见且清晰的方式。例如：// 定义一个按钮组件的props接口 interface ButtonProps { text: s
List
User
泛型
原创
尼羲
4月前
87阅读

[Tongyi] 推理执行模式 | ReAct与Heavy
深度研究代理的两种**推理执行模式**：> - **ReAct模式**：直接逐步方法，适合理解核心能力> - **Heavy模式**：复杂高性能策略，应对极端挑战
LLM
复杂度
迭代
运行方式
转载
mob64ca14122c74
2天前
329阅读

React 组件通信之发布订阅模式
React 通信react的数据流是单向的, react 通信有以下几种方式：父向子通信： 传入props子向父通信：父组件向子组件传一个函数，然后通过这个函数的回调，拿到子组件传过来的值父向孙通信：利用context传值。React.createContext()兄弟间通信：1、找一个相同的父组件，既可以用props传递数据，也可以用context的方式来传递数据。        2、用一些全局
React
转载
mb601a5ca21139e
2021-02-09 09:45:59
1576阅读
2评论
  • 1
  • 2
  • 3
  • 4
  • 5
精品课程领资料
免费资料>
2025软考
系统架构设计师 系统规划与管理师 软件设计师 系统集成项目管理工程师
信创认证
系统架构师 信创集成项目管理师 信创规划管理师 系统开发工程师
厂商认证
CKA/CKS架构师 红帽认证工程师 Oracle-OCP认证 Oracle-OCM认证
IT技术
数据库高级工程师 AIGC大模型实战 Linux云计算架构师 Python全栈开发
华为认证
数通HCIP认证 云计算HCIE认证 华为存储HCIE认证 HCIP安全认证
相关文章

React Hooks 设计动机与工作模式

React之Context 上下文模式

React组件设计模式-Provider-Consumer

React 组件通信之发布订阅模式

理解React中的组件组合模式

数据驱动模式借助 React 的实践探索

java中react设计模式 java reactor框架

Reactor模式 基于NIO JAVA实例 react org

React项目的三种路由模式

React组件设计模式与状态管理精要

Copyright © 2005-2025 51CTO.COM 版权所有 京ICP证060544号

关于我们
官方博客 全部文章 热门标签 班级博客
了解我们 网站地图 意见反馈
友情链接
鸿蒙开发者社区 51CTO学堂
51CTO 软考资讯