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

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

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

React组件设计模式-Provider-Consumer
我们都知道，基于props做组件的跨层级数据传递是非常困难并且麻烦的，中间层组件要为了传递数据添加一些无用的props。而react自身早已提供了context API来解决这种问题，但是16.3.0之前官方都建议不要使用，认为会迟早会被废弃掉。说归说，很多库已经采用了context API。可见呼
ide
数据
嵌套
数据结构
提供数据
转载
mob604756fec84d
2020-12-11 16:25:00
668阅读
2评论

React Hooks 设计动机与工作模式
React-Hooks 设计动机初探 何谓类组件（Class Component） 所谓类组件，就是基于 ES6 Class 这种写法，通过继承 ​​React.Component​​​ 得来的 ​​React​​ 组件。以下是一个典型的类组件：class DemoClass extends React.Component { // 初始化类组件的 state state = {
生命周期
数组
业务逻辑
原创
前端进阶之旅
2022-03-25 15:27:57
110阅读

java中react设计模式 java reactor框架
A. 单线程版Reactor 相当于一个中央事件收集分发器。一方面，Reactor 通过 Selector 可以收到已经准备完毕的事件通知，另一方面，Reactor 将事件发送给对应的 Handler 处理。对于 NIO 服务端，建立连接与数据传输是通过不同类型的 Channel 处理的。ServerSocketChannel 用来处理连接建立请求，其 accept 方法创建出的 SocketCh
java中react设计模式
java
操作系统
ide
System
转载
卫斯理
2023-07-24 13:01:08
115阅读

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组件设计模式与状态管理精要
分离逻辑与表示的组件设计该设计模式实现了逻辑（涵盖数据获取与状态管理）与表示层（UI界面）的清晰分隔。这种架构让组件更加模块化，维护起来更为简便。其中，容器组件专注于逻辑处理，并将必要的数据传递给专注于渲染的展示组件。展示组件则仅根据接收到的props数据来渲染UI界面。 高阶组件（HOC）的应用 高阶组件是一种函数，它接收一个组件并返回具备额外功能的新组件。HOC在跨多个组件共享逻辑（例如数据获
表单
UI
数据获取
原创
勤奋的米咩
2024-10-08 10:45:23
109阅读

如何掌握高级react设计模式: Render Props【译】
该系列文章由IMWeb团队成员howenhuo翻译并首发于 imweb.io。点击阅读原文即可查看更多精彩文章。原文链接：How To Master Advanced React Design Patterns: Render Props (https://itnext.io/using-advanced-design-patterns-to-create-flexible-and-reusabl
java
原创
mb5ff980f81f3d8
2021-01-09 21:27:52
185阅读

设计模式---设计模式的分类
一： 从目的来看： （一）创建型模式用来处理对象的创建过程，主要包含下面5种 1.工厂方法模式（Factory Method） 2.抽象工厂模式（Abstract Factory） 3.创建者模式（Builder） 4.原型模式（Prototype） 5.单例模式（Singleton） （二）结构型
设计模式
封装
子类
享元模式
适配器模式
转载
mb5fe18fccaee95
2018-08-23 13:21:00
223阅读
2评论

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阅读

一文带你读懂React 组件设计模式
目录1. 有状态组件和无状态组件（1）概念（2）示例（3）PureCompone
设计模式
React
前端
ide
数据
原创
前端充电宝
2022-07-12 21:12:53
414阅读

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

Vue 开发者的 React 实战指南：组件设计模式篇
作为 Vue 开发者，在学习 React 的过程中，除了语法和状态管理的差异，组件设计模式的差异也是一个重要的方面。本文将从 Vue 开发者熟悉的角度出发，详细介绍 React 中常用的组件设计模式。 组件基础对比 Vue 组件 Vue 组件通常采用单文件组件（SFC）的形式： <!-- UserCard.vue --> <template> <div class
前端
程序员
原创 精选
乘风远洋
8月前
150阅读

React Hook 的设计原则
React Hook 的设计原则 ? 目录 Hook 的诞生背景 Hook 的核心理念 Hook 的设计原则 组合优于继承 状态逻辑与 UI 解耦 依赖清晰 & 数据驱动 约束与规则保证可预测性 渐进式增强，而非替代 关注逻辑复用与共享 实际应用中的思考 总结 一、Hook 的诞生背景 在 React 16.8 之前： 函数组件 只能接收 props 渲染
复用
UI
设计原则
原创
浮生梦若
1月前
50阅读

模式设计java 模式设计的利与弊
什么是设计模式  这个问题我问过的面试者不下于数十次，回答五花八门，在我看来，模式就是经验，设计模式就是设计经验，有了这些经验，我们就能在特定情况下使用特定的设计、组合设计，这样可以大大节省我们的设计时间，提高工作效率。作为一个工作10年以上的老码农，经历的系统架构设计也算不少，接下来，我会把工作中用到的一些架构方面的设计模式分享给大家，望大家少走弯路。总体而言，共有八种，分别
模式设计java
数据库
缓存
数据
转载
mob6454cc7416d1
2023-08-31 20:39:19
46阅读

React-Native（三）：React Native是基于React设计的
React Native是基于React js设计的。 参考：《React 入门实例教程》 React 起源于 Facebook 的内部项目，因为该公司对市场上所有 JavaScript MVC 框架，都不满意，就决定自己写一套，用来架设 Instagram 的网站。做出来以后，发现这套东西很好用，
React-Native
html
react.js
数据
github
转载
mb5fe18fed96438
2017-08-08 12:52:00
221阅读
2评论

iOS的设计模式 设计模式go
 设计模式简介什么是设计模式设计模式(design pattern)：是对软件设计中普遍存在、反复出现的问题所提出的解决方案，这里的问题就是我们应该怎么去写/设计我们的代码，让我们的代码可读性、可扩展性、可重用性、可靠性更好，通过合理的代码设计让我们的程序拥有“高内聚，低耦合”的特性，这就是设计模式要解决的问题。本质是为了提高软件的可维护性、可扩展性、通用性，并降低软件的复杂度。设计模式
iOS的设计模式
设计模式
java
开发语言
工厂类
转载
风华绝代的java
2023-10-27 21:02:25
50阅读

java的设计模式委派模式 java设计模式的原则
 Java教程分享Java设计模式的6大原则对于那些具有丰富的开发经验的开发人员，学习设计模式有助于了解在软件开发过程中所面临的问题的最佳解决方案；对于那些经验不足的开发人员，学习设计模式有助于通过一种简单快捷的方式来学习软件设计。开闭原则（Open Close Principle）开闭原则就是说对扩展开放，对修改关闭。在程序需要进行拓展的时候，不能去修改原有的代码，实现一个热插拔的效果
java的设计模式委派模式
java
ci
里氏代换原则
设计模式
转载
编程思想者
2024-01-10 18:30:59
44阅读

react源码解析2.react的设计理念
异步可中断React15慢在哪里在讲这部分之前，需要讲是那些因素导致了react变慢，并且需要重构呢。React15之前的协调过程是同步的，也叫stackreco
react
原创
goClient1992
2022-02-14 09:17:20
138阅读

react 生产模式 docker
在现代的 web 开发中，React 是一个流行的 JavaScript 库，广泛应用于构建用户界面。当我们把 React 应用部署到生产环境时，使用 Docker 来容器化应用是一个非常实用的选择。这篇博文将深入探讨如何将 React 应用在 Docker 中以生产模式运行，并涵盖环境准备、集成步骤、配置详解、实战应用、排错指南和性能优化等重要内容。 ## 环境准备 首先，确保我们有合适的开
Docker
技术栈
数据
原创
mob64ca12f66e6c
6月前
28阅读
  • 1
  • 2
  • 3
  • 4
  • 5
精品课程领资料
免费资料>
2025软考
系统架构设计师 系统规划与管理师 软件设计师 系统集成项目管理工程师
信创认证
系统架构师 信创集成项目管理师 信创规划管理师 系统开发工程师
厂商认证
CKA/CKS架构师 红帽认证工程师 Oracle-OCP认证 Oracle-OCM认证
IT技术
数据库高级工程师 AIGC大模型实战 Linux云计算架构师 Python全栈开发
华为认证
数通HCIP认证 云计算HCIE认证 华为存储HCIE认证 HCIP安全认证
相关文章

React-组合模式

React 设计思想

react设计思想

react 组织架构图设计 react 组件设计

设计模式------单利的模式

react源码解析2.react的设计理念

ios react组件 react 组件设计

react axios 组件 react 组件设计

Java js 设计模式 设计模式 js的设计模式有哪些

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

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