一、项目起步1.创建项目$ npx create-react-app my_react2、安装依赖本项目用到的依赖可以预先安装好：antdredux与react-reduxreact-router-domaxios$ npm i antd redux react-redux react-router-dom@6 axios --save3.配置路由 （根据项目分析需要几个页面，以及页面之间的关系）
转载
2024-03-07 13:42:10
104阅读
和一些人的关系像平行线，一辈子相守相望，见于眼底藏于心间。就怕耐不住寂寞，冲动而成了相交线，在一个点尽情拥抱，从此便离得越来越远，再也不见。遇到这样的人，因为不想做恋人只能一时，所以才选择做朋友能一世。 --刘同 《你的孤独，虽败犹荣》 人的一生会遇到3千万个人，和一个人相爱的机率是百分之0.00004，所以，你不爱我，我不怪你。只怪我当初爱上你 ...
转载
2022-05-05 11:59:47
528阅读
Hook 是 React 16.8 的新增特性。它可以让你在不编写 class 的情况下使用 state 以
转载
2022-09-30 09:12:46
30阅读
React Context API是React提供的一个强大的状态管理工具，它允许我们在组件树中传递数据，而无需手动通过props逐层传递。对于解决组件间状态共享问题，Context API提供了一个优雅且高效的解决方案，特别是在处理主题、用户认证、语言设置等全局状态时表现出色。
什么是Context API
Context API是React内置的状态管理机制，它提供了一种在组件树中共享数据的方
采用同层比较策略不同类型元素产生不同树key 属性的重要性组件的稳定性。
概述平时工作中一直在用React提供的脚手架工具搭建React项目，一行命令全都搞定，
原创
2022-01-27 12:10:38
312阅读
概述平时工作中一直在用React提供的脚手架工具搭建React项目，一行命令全都搞定，自己只管做需求开发即可，从来没仔细研究过各个模块代码怎么去配置，相互之间怎么去进行交互。这周正好有时间，所以决定仔细研究下React项目中的各个功能模块，所以我们来讲解下如何从零搭建一个完整的React项目。本文篇幅较长，请你耐心阅读~目录概述目录操作步骤一、项目初始化1、安...
原创
2021-08-27 09:36:19
2188阅读
好的，来！我给你用 最清晰、最适合你当前 RN CLI 项目的方式，直接安排一版完整的 React Native 打 APK 包流程（超清晰版）。跟着这个做，绝对能成功 ✅? React Native 打包 APK 完整流程（适配 RN CLI 项目）1. 确保环境准备好（你现在基本都已经配好了，只是确认一下）Android Studio ✅Android SDK ✅环境变量配置 ✅（ANDROI
目录：
下载链接：百度网盘
从面向过程的js到面向对象的js，让web前端更加高大尚。让你的前端步步日上，紧跟技术发展的前沿。让你构建更加复杂的应用，不只是web，App照样搞定。跟后台开发人员一较高下。巅峰对决。适用人群：js前端工程师，web前端设计师，typescript技术人员课程简介：TypeScript是一种由微软开发的自由和开源的编程语言。它是JavaScript的一个超集，而且本质上向
原创
2019-09-13 13:38:02
722阅读
前言：本教程起就是从0开始做一个完整的 react 项目，教程的案例推荐使用 antd 的官方文档一起学习。也可以称为在 create-react-app 中使用 antd1、首先，配置好一个 react 项目 npx create-react-app my-app 删除 src 文件夹下的所有文件： cd my-app
cd src
del * 在 src 文件夹下新建一个 in
转载
2024-01-12 07:09:04
78阅读
在开发React项目前最关键的当然是项目的创建，现在的前端工程化使得前端项目的创建也变得越来越复杂，在这里介绍三种从零开始创建React项目的方式，分别是在浏览器中直接引入、使用官方脚手架create-react-app、使用Webpack创建。浏览器中通过标签直接引入 React框架有两个核心的包，分别是react以及react-dom,如何想直接在浏览器中使用React，那么把这两个包直接引入
转载
2024-02-27 14:49:54
80阅读
今天来分享 Github 上 8 个很棒的 React 项目，希望能通过学习这些项目源码，帮助大家更好地理解 React，编写更优雅的 React 代码！概览：React Tetris： 俄罗斯方块Kutt.it： URL 缩短器Win11 in React： Web 版 Windows 11JoL-player： 视频播放器Take Note：
转载
2024-05-15 10:01:57
12阅读
随着react的流行，越来越多的前端工程师使用react来进行开发，当时用react时，creact-react-app无疑进入了大家的眼帘，本篇文章主要讲述如何从无到有的使用creact-react-app开发react应用，然后本地调试，直到最后的上线运行。本篇文章内容结构说明，主要有以下12个部分：1. 安装nodejs2.使用nodejs的npm包安装create-react-a
前言 首先这是一个react17的项目，包含项目中常用的路由、状态管理、less及全局变量配置、UI等等一系列的功能，开箱即用，是为了以后启动项目方便，特地做的基础框架，在这里分享出来。 这里写一下背景，我最开始是node8的环境，因为react17需要至少node14的版本，我就直接升级到16了，关于node升级遇到的问题，我有另一篇文章专门罗列步骤和可能出现的问题及解决方案，这里就不多说。
转载
2023-12-26 22:25:59
41阅读
/ 创建自定义事件});// 添加事件监听器// 触发自定义事件// 清理}, []);选择合适的事件绑定方式正确处理事件对象注意性
使用进行初始化操作使用响应更新使用清理资源优先考虑新的生命周期方法在合适的场景使用 Hooks。
保持单向数据流适当使用 PropTypes 或 TypeScript 进行类型检查合理设置默认值注意性能优化遵循命名约定使用解构提高代码可读性需要使用生命周期方法。
【代码】React Router 路由完整代码案例。
原创
2024-09-23 12:23:12
335阅读
Refs 使用要点：DOM 元素的直接操作媒体播放控制文本选择和焦点管理第三方 DOM 库的集成避免过度使用 Refs优先使用声明式编程及时清理 Refs
框架在不断的发展，发现有些生命周期不怎么用的上就直接给去除掉了，发现去除
原创
2022-11-18 00:02:08
77阅读
