![](https://img-blog.csdnimg.cn/20201014180756916.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
React
文章平均质量分 51
皮小猪老师
坚持写好每一行代码
展开
-
初识react
React是一个用于构建用户界面的JavaScript库。它由Facebook开发,用于构建大型、高效的Web应用程序。作为一个功能强大且灵活的库,React在技术界备受推崇。在本章中,我们将深入了解React是什么,以及它为何如此受欢迎。在本章中,我们介绍了React的起源、设计原则、特点、生态系统以及未来展望。通过深入理解React,我们可以更好地利用它来构建高效、灵活的Web应用程序。原创 2023-06-15 17:30:09 · 51 阅读 · 0 评论 -
React Hooks
在React 的世界中,有容器组件和UI组件之分,在React Hooks出现之前,UI组件我们可以使用函数,无状态组件来展示UI,而对于容器组件,函数组件就显得无能为力,我们依赖于类组件来获取数据,处理数据,并向下传递参数给UI组件进行渲染。在我看来,使用React Hooks相比于从前的类组件有以下几点好处: 1.代码可读性更强,原本同一块功能的代码逻辑被拆分在了不同的生命周期函数中,容易使开发者不利于维护和迭代,通过React Hooks可以将功能代码聚合,方便阅读维护 2.组件树层级变浅,在原本的代原创 2021-09-02 14:49:41 · 139 阅读 · 0 评论 -
路由动画 react-transition-group
官网 https://reactcommunity.org/react-transition-group/ 安装 # npm npm install react-transition-group --save CSSTransition App.jsx import React, { Component } from 'react' import { CSSTransition } from 'react-transition-group' import './style.css' import 'a原创 2021-09-02 14:43:26 · 172 阅读 · 0 评论 -
create-react-app支持decorators
create-react-app支持decorators yarn add @babel/core @babel/plugin-proposal-decorators @babel/preset-env 1、创建.babelrc { "presets":[ "@babel/preset-env" ], "plugins":[ [ "@babel/plugin-proposal-decorators",原创 2021-09-02 14:42:23 · 173 阅读 · 0 评论 -
第一:搭建react开发环境
1.安装脚手架 npm install -g create-react-app 2.创建项目(可能创建多次) create-react-app reactdemo (方法1) npx create-react-app reactdemo2 (方法2) 3.安装依赖包,运行此项目 cd reactdemo npm start --->运行项目 npm run build ---->生成项目(打包) 4.react介绍 1 React原创 2021-09-02 14:41:14 · 55 阅读 · 0 评论