01-React介绍

最新推荐文章于 2025-08-23 02:53:08 发布
转载 最新推荐文章于 2025-08-23 02:53:08 发布 · 57 阅读 · 0 ·
CC 4.0 BY-SA版权
原文链接：https://juejin.im/post/5ccd986d5188253d140808d5
文章标签：

#javascript #ViewUI

博客介绍了React，它由Facebook在2011年发布，2013年5月开源。阐述了其特点，如声明式、基于组件、学习一次多处编写等，还介绍了React术语，包括单向数据流、JSX、组件、状态等，以及可用于手机应用开发。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

React

由Facebook在2011年发布。

它于2013年5月在JSConf US开源。

reactjs.org/

React特点

  1. Declarative 声明式
  2. Component-Based基于组件
  3. Learn Once,Write Anywhere。学习一次，开源多处编写。React Native开发手机应用使用React技术。

React术语

  1. 单向数据流
  2. JSX
  3. 组件
  4. 状态
  5. Props
  6. 虚拟DOM。Virtual DOM
  7. Element
  8. Flux/Redux
  9. Testing 单元测试和端到端测试
create-react-app版本升级问题
明天的明天5812
08-31 1274
首先说一下我遇到的问题，我想使用create-react-app创建一个新项目，执行 npx create-react-app myapp,发现一直报错 然后就执行 npm uninstall -g create-react-app, 再执行npx create-react-app myapp ，还是报上面的错误，查看了一下create-react-app -V 版本，发现还是4.0.0。 解决 1、运行create-react-app -V查看版本号，发现还可以拿到版本号，说明未被完全删除。 .
前端系列总结-框架篇（1）Create-React-App
a1v0id的博客
07-12 442
前端系列总结-框架篇（1）Create-React-Appcreate-react-app的介绍、安装和使用安装和使用项目的目录结构项目的个性化配置添加项目路径别名接口代理转发在HTML模板中动态插入js文件利用public静态目录插入项目中添加动态的js文件 create-react-app的介绍、安装和使用 create-react-app是React团队推出的一款用于生成react项目的脚手架工具，可以实现零配置开发react的单页面应用。 安装和使用 一般来说都是使用npm全局安装，前提条件是已经配
React学习01-React入门
Kingrrr的博客行程
02-13 190
用于动态构建用户界面的js库
01 React的介绍、yarn npx 、用React脚手架create-react-app搭建React环境、运行React项目
weixin_42580704的博客
06-09 1313
一、 大前端技术体系 前端必备： Html5 + cSS3 + JS + (es5) + Jquery PC、移动web 前端必备：ES6、ES7、TypeScript、Amgular、Vue、React、小程序 混合app开发：Ionic、ReactNative、Cordova+vue、Cordova+React、Weex 后台全栈：Nodejs、Express/Koa、Egg.js、Mongodb、Mysql Redis 电脑软件：Electron跨平台混合软件开发 二、React的介绍 Re
【React入门必备知识篇01】--- React 基础 & JSX
2401_85124851的博客
06-19 1309
1️⃣React是一个用于构建用户界面的 JavaScript 库。2️⃣React主要用来写HTML页面，或构建Web应用。如果从 MVC 的角度来看，React 仅仅是视图层（V），也就是只负责视图的渲染，而并非提供了完整的 M 和 C 的功能。3️⃣React起源于 Facebook 的内部项目，用来架设 Instagram 的网站，并于 2013 年 5 月开源。1️⃣JSX是 JavaScript XML 的简写，表示在 JavaScript 代码中写 XML（HTML） 格式的代码。
01-react入门学习介绍
weixin_38644630的博客
02-20 131
React.js 1.React简介 react起源于FaceBook的内部项目，因为该公司对市场上所有javaScript MVC框架都不满意，就决定自己写一套，用来架设Instagram(照片交友)的网站，做出来以后，发现这套东西很好用，就在2013年5月开源了 Angular1 2009年 谷歌 MVC不支持 组件化开发 由于React的 设计思想及其独特，属于革命性创新，性能出众，代码逻辑确非常简单。所以，越来越多的人开始关注和使用，认为它可能是web开发的主流工具。 清楚两个概念： ​
React学习Day01-React基本介绍
攻城狮Chova的博客
02-16 520
React基本介绍React 基本介绍React 的特点React 高效的原因React 基本使用相关 js 库React JSX虚拟 DOMJSX渲染虚拟DOM创建虚拟DOM的两种方式模块与组件以及模块化与组件化的理解 React 基本介绍 React 的特点 声明式开发Declarative 组件化编码Component-Based 一次学习随处编写 Learn Once,Write Anywhere.支持客户端和服务器的渲染 高效 单向数据流 React 高效的原因 虚拟 DOM,不总是直接操作
01-React 基础-JSX-条件渲染-列表渲染-样式处理
weixin_51353891的博客
01-18 981
React 概述 学习目标 能够说出react是什么 能够说出react的特点 能够掌握react的基本用法 能够使用react脚手架 React 介绍 react是一个用于构建用户界面的 JavaScript 库 react官网(https://reactjs.org/) react中文网(https://zh-hans.reactjs.org/) React 是一个用于构建用户界面（UI，对咱们前端来说，简单理解为：HTML 页面）的 JavaScript 库 如果从mvc的角度来看，
React 路由基础--React路由介绍
m0_54088431的博客
11-08 4888
两种常用的路由模式：BrowserRouter和HashRouter声明当前要用是一个非hash的模式的路由包裹整个应用一个React应用只需要使用一次HashRouter，hash模式的路由一个有#（HashRouter），一个一带#（BrowserRouter）（推荐）Link指定导航链接，完成路由跳转to属性指定路由地址，最终被渲染为a标签Routes提供一个路由出口，满足条件的路由组件，会渲染到组件内部Route用于指定路由组件和路由地址path：路由组件对应的路径；
basicos-react-01：01。Basicosde React JS概念介绍
02-18
它在生产模式下正确捆绑了React，并优化了构建以获得最佳性能。 最小化构建，文件名包含哈希。 您的应用已准备好进行部署！ 有关更多信息，请参见有关的部分。 npm run eject 注意：这是单向操作。 eject ，您将...
08-React redux
09-14
在“01_src纯react版本”中，我们可以了解到在没有使用Redux的情况下，如何通过React自身提供的状态管理机制来组织和维护组件状态。而在“05_src react-redux 的基本使用”中，则展示了如何通过react-redux库将React...
learning-react:React、Redux、react-redux、react-router、redux-sagas 学习
05-31
React 学习 • Fiber架构是怎么回事 • render可返回数组和字符串的意义 • 更好的错误处理 • Portal的应用 • 更强的服务器端渲染 ...01 - Error Handling using Error Boundaries in React 16 02 - Render Multip
css的white-space: pre
qq_51035159的博客
08-22 349
简单来说，这个组件的核心就是让用户能够粘贴任何文本内容（特别是配置文件、JSON等），并且保证粘贴的内容格式完全不变，然后可以原样发送给后端处理。- white-space: pre ：这是最关键的CSS属性，确保所有空格、制表符、换行符都被保留。- 用户粘贴的内容会完整存储在 inputJson.value 中，包括所有格式字符。- 使用Vue3的 v-model="inputJson" 实现双向数据绑定。- wrap="off" ：防止浏览器自动换行，保持原始的行结构。- 聚焦时的视觉反馈。
react样式问题
qq_44136028的博客
08-22 280
React组件样式控制主要有三种方式：1）内联样式，通过style属性传递JavaScript对象，支持动态样式但需驼峰命名；2）CSS类名，使用className绑定静态样式；3）CSS-in-JS（如styled-components），将CSS嵌入JS生成带样式组件，支持动态主题切换。三种方式各具特点，内联样式适合简单动态样式，CSS类名适合静态样式，CSS-in-JS适合复杂组件化样式需求。
Figma MCP 的作用与使用方法
最新发布
pumpkin84514的博客
08-23 611
（如 Cursor、Claude Code 等）无缝集成的技术，旨在将 Figma 设计稿高效转换为代码，提升设计与开发的协作效率。的结合，显著提升了设计到代码的转换效率。开发者只需完成环境配置与链接粘贴，即可实现设计稿的自动化代码生成，减少手动工作量并降低出错率。Figma MCP（Model Context Protocol）是一种通过。，用于与 Figma 和 AI 工具通信。Figma MCP 需要本地运行一个。Figma MCP 通过。
JavaScript基础语法five
2301_79744908的博客
08-21 371
本文介绍了JavaScript中对象的基本概念和使用方法。对象是一种无序的数据集合，由属性和方法组成，可以通过点语法或方括号访问属性。文章详细讲解了对象的增删改查操作、方法的定义与调用，以及使用for-in遍历对象的技巧。同时介绍了Math内置对象及其常用方法（如ceil、floor、round等），包括随机数生成公式和猜数字案例的实现。最后指出null属于object类型，并提供了生成N-M范围随机数的通用公式。
三十四、Vue3项目大屏之SCSS自适应适配屏幕方法
张先森的博客
08-19 417
其中 px2vw代表的是高度的适配，px2vh代表的是宽度的适配，我当时着急写反了，但是也可以用，px2vw(1) 大概有1px的大小，如果你先写好了px的标准的1920*1080的设计图，可以直接全局转换。哈喽，大家好，在上次第十五章给大家分享了大屏看板Less适配各种屏幕之后，发现大多数的css都是SCSS,那么今天给大家分享下SCSS的自适应屏幕的方法。底下是原先第十五张的less的适配方法。话不多说，直接上代码。
从入门到精通：Java设计模式——单例模式
m0_73590302的博客
08-21 842
本文先解析单例模式 “确保类仅一个实例、提供全局访问点” 的定义，及唯一性、自我实例化、全局访问三大特点，说明其节省资源、保数据一致性的作用。接着详解饿汉式、懒汉式（含线程安全与不安全）、双重检查锁、静态内部类、枚举 6 种实现方式，分析各方式代码、原理、优缺点，尤其聚焦懒汉式多线程安全问题与双重检查锁中 volatile 的作用。还介绍单例在日志记录器、配置管理器等场景的应用，对比优缺点，关联 Spring 框架中 Bean 的单例管理，最后总结要点并给出设计模式学习建议。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值