创建项目
用脚手架创建项目
npx create-react-app jira --template typescript
在tsconfig.json中配置baseUrl
"baseUrl": "./src",
jira项目笔记1-create react app
2022-11-09
122
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《
阿里云开发者社区用户服务协议》和
《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写
侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介：
jira项目笔记1-create react app
目录
相关文章
|
3月前
|
前端开发
JavaScript
React项目路由懒加载lazy、Suspense，使第一次打开项目页面变快
本文介绍了在React项目中实现路由懒加载的方法，使用React提供的`lazy`和`Suspense`来优化项目首次加载的速度。通过将路由组件改为懒加载的方式，可以显著减少初始包的大小，从而加快首次加载速度。文章还展示了如何使用`Suspense`组件包裹`Switch`来实现懒加载过程中的fallback效果，并提供了使用前后的加载时间对比，说明了懒加载对性能的提升作用。
216
2
2
|
2月前
|
XML
Java
数据库
|
3月前
|
前端开发
JavaScript
Java
SpringBoot项目部署打包好的React、Vue项目刷新报错404
本文讨论了在SpringBoot项目中部署React或Vue打包好的前端项目时，刷新页面导致404错误的问题，并提供了两种解决方案：一是在SpringBoot启动类中配置错误页面重定向到index.html，二是将前端路由改为hash模式以避免刷新问题。
272
1
1
|
1月前
|
前端开发
JavaScript
|
2月前
|
移动开发
小程序
数据可视化
基于npm CLI脚手架的uniapp项目创建、运行与打包全攻略（微信小程序、H5、APP全覆盖）
基于npm CLI脚手架的uniapp项目创建、运行与打包全攻略（微信小程序、H5、APP全覆盖）
306
3
3
|
3月前
|
移动开发
前端开发
react项目配合diff实现文件对比差异功能
在React项目中，可以使用`diff`库实现文件内容对比差异功能。首先安装`diff`库，然后在组件中引入并使用`Diff.diffChars`或`Diff.diffLines`方法比较文本差异。通过循环遍历`diff`结果，可以生成不同样式的HTML元素来高亮显示文本差异。
142
1
1
|
3月前
|
前端开发
算法
JavaScript
React项目input输入框输入自动失去焦点
本文讨论了在React项目中如何处理input输入框自动失去焦点的问题，特别是在移动端开发中。文章提供了一个使用React Native的TouchableWithoutFeedback组件来监听点击事件，并在事件处理函数中通过调用Keyboard.dismiss()方法使输入框失去焦点的示例代码。这种方法可以确保在用户点击页面其他区域时，键盘能够收起，输入框失去焦点。
111
1
1
|
2月前
|
前端开发
JavaScript
应用服务中间件
linux安装nginx和前端部署vue项目（实际测试react项目也可以）
本文是一篇详细的教程，介绍了如何在Linux系统上安装和配置nginx，以及如何将打包好的前端项目（如Vue或React）上传和部署到服务器上，包括了常见的错误处理方法。
600
0
0
|
2月前
|
缓存
开发框架
移动开发
uni-app:下载使用uni&创建项目&和小程序链接&数据缓存&小程序打包 (一)
uni-app 是一个跨平台的开发框架，它允许开发者使用 Vue.js 来构建应用程序，并能够同时发布到多个平台，如微信小程序、支付宝小程序、H5、App（通过DCloud的打包服务）等。uni-app 的目标是通过统一的代码库，简化多平台开发过程，提高开发效率。
在这一部分中，我们将逐步介绍如何下载和使用uni-app、创建一个新的项目、如何将项目链接到小程序，以及实现数据缓存的基本方法。
55
0
0
|
3月前
|
缓存
前端开发
JavaScript
在react项目中实现按钮权限createContext && useContext
文章介绍了在React项目中如何使用`createContext`和`useContext`来实现按钮级别的权限控制。
79
0
0
热门文章
最新文章
1
React-Native 爬坑
2
一段探索React自建内部构造的旅程
3
React系列教程（2）React哲学
4
react修仙笔记，请问仙溪几级了？
5
React 之从视觉暂留到 FPS、刷新率再到显卡、垂直同步再到16ms的故事
6
【83行代码获奖代码】高中生@青藤木子 耗费一周给妈妈编写了一款语音识别APP
7
3个常用外贸软件及app工具整理
8
react-native-easy-app 详解与使用之（三） View，Text，Image，Flatlist
9
短视频APP源码中系统评论功能是如何实现的
10
App_Code目录中存放不同语言的类文件导致错误的解决方案
1
React和Next.js开发常见的HTTP请求方法
124
2
你可能没有关注过的 React 性能优化，帮你突破瓶颈
45
3
React Hooks - useState 的使用方法和注意事项(1)，web前端开发前景
49
4
React useMemo钩子指南：优化计算性能
98
5
掌握React中的useCallback：优化性能的秘诀
99
6
深入理解React中的useReducer：管理复杂状态逻辑的利器
214
7
掌握React中的useContext：访问父组件数据的神奇技巧
160
8
掌握React中的useEffect：函数组件中的魔法钩子
160
9
深入理解React中的useState：函数组件状态管理的利器
306
10
React Hooks：让你轻松掌握函数组件的状态与管理
124