经过一段时间的react学习，现在整理一下学习的内容。 首先react更偏向原生js，原生js学的好其实对react的学习有很大的辅助作用。react的官网上对react介绍的很详细，我就不一一介绍了。 本人把react分为几个学习部分，首先是react的使用，也就是react的环境搭建；然后是组件部分，包括组件的传值。然后就是react的生命周期函数，再然后是react的路由和最后的red
转载
2024-07-15 09:04:58
47阅读
React 入门实例教程 http://www.ruanyifeng.com/blog/2015/03/react.html React 测试入门教程http://www.ruanyifeng.com/blog/2016/02/react-testing-tutorial.html React Ro
原创
2021-07-20 14:35:59
209阅读
React 是一个用于构建用户界面的 JAVASCRIPT 库。React 主要用于构建 UI，很多人认为 React 是 MVC 中的 V（视图）。React 起源于 Facebook 的内部项目，用来架设 Instagram 的网站，并于 2013 年 5 月开源。React 拥有较高的性能，代码逻辑非常简单，越来越多的人已开始关注和使用它。
原创
2024-10-14 09:46:46
10阅读
React 入门教程React 官网https://reactjs.org/docs/getting-started.htmlReact 是一个用于构建用户界面（UI）的 JAVASCRIPT 库（框架，可以被复用的代码）。 React的常用使用方式有两种：一、使用<script>标签（标记）引入。 在 HTML 文件中添加 React，把 React 作为普通的 <s
本文转自：http://www.runoob.com/react/react-install.html React 可以直接下载使用，下载包中也提供了很多学习的实例。 本教程使用了 React 的版本为 15.4.2，你可以在官网 http://facebook.github.io/react/ 下
转载
2018-01-27 12:19:00
83阅读
2评论
React Native 中文网 http://reactnative.cn/ 相关资料 React-Native学习指南 https://github.com/reactnativecn/react-native-guide 教程 React Native React.js ES6 系列教程 开源
原创
2021-07-20 14:36:01
387阅读
英文版：https://reactjs.org/docs/create-a-new-react-app.html 中文版：https://doc.react-china.org/docs/hello-world.html NodeJS：https://nodejs.org/en/ 使用参考教程：ht
原创
2021-07-29 11:29:03
370阅读
React 系列教程
原创
2021-07-29 11:30:02
201阅读
React 是 Facebook 里一群牛 X 的码农折腾出的牛X的框架。 实现了一个虚拟 DOM，用 DOM 的方式将需要的组件秒加，用不着的秒删。React 扮演着 MVC 结构中 V 的角色， 不过你要是 Flux 搭配使用， 你就有一个很牛X的能让轻松让 M 和 V 同步的框架了，Flux 的事以后再说~组件们在 React 中，你可以创建一个有特殊功能的组件，这在 HTML 元素里你是打
转载
2023-09-16 12:20:30
130阅读
文章目录React前端基础实例教程1.建立项目2.整理项目目录结构3.权限路由配置4.pages页面5.实现全局状态管理6.封装axios7.后台接口8.传值8.整合iconfont阿里图标库9.打包部署10.完结 React前端基础实例教程1.建立项目环境搭建安装node.js（详细安装过程及配置，百度一下）开始建立项目# create-react-app建立项目
npx create-rea
转载
2024-07-01 06:01:07
92阅读
前言 学习总结使用，文章中如有错误的地方，请指正。该系列文章主要记录了搭建一个管后台的步骤，主要实现的功能有：使用路由模拟登录、退出、以及切换不同的页面；使用redux实现面包屑；引入使用其他常用的组件，比如highchart、富文本等，后续会继续完善。 github地址：https://github.com/huangtao5921/react-antDesgin-admin （欢
转载
2024-05-08 21:38:10
22阅读
前言在上一章：React 简单教程-1-组件 我们知道了 React 的组件是什么，长什么样，用 js 和 HTML 小小体验了一下组件。在这一章，我们将使用 typescript（简称 ts） 来代替 js，这种语法的文件名后缀是 tsx。我强烈建议使用 ts 来开发 React，要说 ts 比 js 好在哪里？这么说，js 唯一不好的地方就是它只能用 js 来写。如果你不会 ts，那么你可以稍
转载
2023-10-10 13:58:41
210阅读
文章目录一、什么是React二、React的特点1. **组件化**：React采用组件化模式，将UI拆分为独立、可复用的组件，提高代码复用率。2. **声明式设计**：React采用声明范式，可以轻松描述应用状态与UI之间的关系。3. **虚拟DOM**：React不直接操作DOM，而是通过虚拟DOM和diff算法，以最小的步骤作用到真实的DOM上，提升性能。4. **单向数据流**：React
使用--typescript参数新建React项目
create-react-app react-ts-demo --template typescript新建Header.tsx文件，加入以下代码：import React, { FC } from 'react';interface MyProps {
Name: string,
ID: number
}
export con
转载
2023-11-21 23:59:50
83阅读
React Native for Web配置兼容性：React Native 0.55。“React Native for Web”使得可以使用React DOM在Web上运行React Native组件和API。查看在Web上运行的React Native示例的实时演示。高质量的Web界面：可以轻松地在JavaScript中创建fast，自适应的Web UI。它提供原生质量的交互，支持多种输入模
转载
2023-08-03 16:48:42
193阅读
文章目录React Native实战一、项目准备1.1 创建原始项目1.2 使用 react-navigation 搭建页面路由1.2.1 安装react-navigation相关依赖1.2.2 修改App文件1.2.3 项目启动报错二、项目开发2.1 登录页面2.1.1 背景图片实现2.1.2 透明状态栏2.1.3 手机dp单位与px单位的转化2.1.4 引入react-native-elem
转载
2023-11-13 19:39:51
247阅读
@TypeScript 常用方法简述Record定义一个简单的map ,由key-value组成。例如：
type hero= {
age: number ,
name: string
}
构建一个map方便的装载hero型数据
public heroMap:Record<number,hero>filterArray.filter()是内置的TypeScri
转载
2023-10-23 09:29:31
101阅读
ReactDOM findeDOMNode 语法：DOMElement findDOMNode(ReactComponent component)描述：获取改组件实例相对应的DOM节点 案例： import React, { Component } from 'react'; import Reac
转载
2020-05-11 17:27:00
95阅读
2评论
08 React包使用1.快速构建React开发环境（自己先新建一个文件夹–>cmd）$ cnpm install -g create-react-app //安装create-react-app$ create-react-app my-app //创建项目my-app$ cd my-app/$ npm start //启动服务搭建完成后会有：2.初使用进入APP.js页面记得要在cmd里
转载
2023-09-28 21:28:56
274阅读
一丶创建脚手架1.使用npx create-react-app my-app指令创建脚手架(npx是npm下载工具包中自带，无需单独下载，版本低于@5自行引入)2.启动npm start二丶JSX基本使用（JSX就是javascript XML缩写）1.常规写法（不推荐）import React from 'react';
import ReactDOM from 'react-dom/clien
转载
2024-02-25 05:06:13
47阅读
