umi项目 入门 安装依赖项 $ yarn 启动开发服务器 $ yarn start 熊猫购物中心 主要技术react-hooks和umi 学会使用umi快速开发项目 账号 'bang' 密码:'123' git push origin master:主要用于推送本地分支和线上分支不同的情况
2021-10-12 16:12:14 81KB 系统开源
1
React很酷的音乐播放器 自适应音频播放组件,适用于PC和移动设备。 所有图标和文本都是可定制的。 主题颜色可以修改。 支持歌词的同步滚动。 | 功能 适用于PC和移动设备。 在移动设备上支持播放详细信息页面的弹出窗口。 播放控制 上一首,下一首 暂停 滚动或单击歌曲的进度条以实现音乐的快进和快退。 滚动歌词以定位播放位置,并实现快进和快退功能。 播放,删除播放列表中的音乐,并突出显示当前正在播放的音乐。 音量控制 拖动,单击音量控制栏以控制音量。 单击音量图标以切换静音状态。 状态显示 封面图片在播放音乐时旋转,在音乐暂停时停止旋转。 显
2021-10-09 17:00:49 306KB react hooks typescript music-player
1
不用下载源码,不用编译,不用敲命令。 直接拖拽到chrome即可使用, 亲测可正常使用。 插件详细情况描述: React Developer Tools 4.4.0 (1/3/2020) Adds React debugging tools to the Chrome Developer Tools. Created from revision f749045a5 on 1/3/2020. ID:fmkadmapgofadopljbjfkapdkoienihi
2021-08-17 13:01:25 327KB react react-devtool react hooks
1
React使用滚动同步 自定义react挂钩,用于跨多个可滚动元素的同步滚动位置。 演示版 安装 用纱安装: yarn add react-use-scroll-sync 或使用npm: npm i react-use-scroll-sync --save 如何使用 import * as React from "react" import { useScrollSync } from "react-use-scroll-sync" const App = ( ) => { const ref1 = React . useRef ( null ) const ref2 = React . useRef ( null ) useScrollSync ( [ ref1 , ref2 ] , {
2021-07-05 17:51:21 179KB react hooks hook sync
1
react-hooks-todo 使用 create-react-app 创建的使用 hooks 的 TodoItems, 持续不断更新 可以配合 deno-todo-api 食用 启动 npm (or yarn) install npm run (or yarn) start
2021-04-12 14:03:28 119KB JavaScript
1
训练营-gostack-desafio08 挑战8:React Native-Redux + Hook 一个简单的React Native应用程序,可创建一个电子商务界面。该应用程序使用Flux Architecture和React Hooks。 应用画面 技术领域 跑 # After clone the project $ cd bootcamp-gostack-desafio08 # Install packages $ yarn install # or $ npm install # Run the app -> you need an Android device or emulador installed $ react-native start # you will need two new terminals # one # change XXX to your corre
1
React钩 Nomadcoders的React钩
2021-03-17 20:12:27 7KB JavaScript
1
基于 React hooks + Typescript + Cesium 的 三维 webgis 实战系列教程数据
2021-03-09 11:05:14 108.66MB cesium 三维可视化 webgis
1
:atom_symbol:︎使用内联备忘录 React钩子用于在组件中的任何位置记忆值和回调。 与其他挂钩一样,您只能在组件函数的顶部调用和 ,而不能有条件地使用它们。 内联备忘录使我们可以在任何地方进行记忆,而没有适用于钩子使用的限制! import { Button , TextField } from "@material-ui/core" import React from "react" import useInlineMemo from "use-inline-memo" function NameForm ( props ) { const memo = useInlineMemo ( ) const [ newName , setNewName ] = React . useState ( props . prevName ) // Conditional return prev
2021-03-03 11:08:14 67KB react memoization reactjs react-hooks
1
该项目是通过引导的。 可用脚本 在项目目录中,可以运行: npm start 在开发模式下运行应用程序。 打开在浏览器中查看它。 如果您进行编辑,则页面将重新加载。 您还将在控制台中看到任何棉绒错误。 npm test 在交互式监视模式下启动测试运行器。 有关更多信息,请参见关于的部分。 npm run build 构建生产到应用程序build文件夹。 它在生产模式下正确捆绑了React,并优化了构建以获得最佳性能。 生成被最小化,并且文件名包括哈希值。 您的应用已准备好进行部署! 有关更多信息,请参见关于的部分。 npm run eject 注意:这是单向操作。 eject ,您将无法返回! 如果您对构建工具和配置选择不满意,则可以随时eject 。 此命令将从您的项目中删除单个生成依赖项。 而是将所有配置文件和传递依赖项(webpack,Babel,ESLint等)直
2021-03-02 13:05:41 166KB JavaScript
1