-
从0开始,手把手教你使用React开发答题App
项目演示地址 项目演示地址 项目源码 项目源码 其他版本教程 Vue版本 小程序版本 项目代码结构 前言 React 框架的优雅不言而喻,...
-
GitHub 开源 Super Linter,用自动化解决开发者的需求
在设置新的存储库时,为不同类型的代码选择合适的对应 linter 可能是既费时又乏味的工作。可供选择的工具和配置如此之多,我们通常需要不止一个 linter 才能涵盖所有用到的语言。 G...
-
分析 React 组件的渲染性能
今天,我们介绍一下如何使用 React Profiler API 分析 React 组件的渲染性能。 出于演示目的,我们将使用一个电影排队 APP 。 The React Prof...
-
80 行代码实现 Preact-Transition 组件
pc-transition 一个使用 hooks 编写的transition组件, 主要是之前使用的 preact-transition-group 里的 CSSTransition 组件, 偶...
-
pc-pcm-wave 一个简单录音波纹 Preact 组件
pc-pcm-wave 一个简单的 pcm 波纹效果, 适用于 preact 项目, hooks 编写, 有如下特性 可自定义状态数量 可自定义线的数量、粗细、颜色、波速、振幅、...
-
5个技巧助你编写更好的React代码
原文:https://levelup.gitconnected.com/5-tips-to-write-better-react-code-a5bca3f9531c 译:刘小夕 在本文中,...
-
ali-react-table:高性能 React 表格组件
简介 在前端开发中,表格一直都是最复杂的组件之一。表格不仅要支持丰富的操作(排序、过滤、搜索、分页、自定义列等),还要有非常好的性能以展示大量数据。很多组件库(例如 fusion design,...
-
基于React Hook实现图片的裁剪
项目背景 最近做了个电子报项目,用户可在上传的报刊版面图上划出一个个区域,通过OCR图文识别技术,识别出区域文字信息,然后编辑成一条条新闻,可在PC端和手机端点击版面图,查看新闻详情。 :...
-
手把手教您实现react异步加载高阶组件
原文地址:https://juejin.im/post/5e81aafb51882573ad5e01cb 本篇文章通过分析react-loadable包的源码,手把手教你实现一个react的异步...
-
react+echarts实现全国客户数据展示
前言 数据可视化一直都是一个流行的话题。我们平时做项目可能就避免不了与图图表表打交道。所幸的是现在有许多优秀成熟的数据图表库,例如 Echarts 和 Highcharts ,我们可以在里面寻找...
-
React 代码规范配置
最近开始初步学习 React 的一些知识,毕竟宅家这么久,总得开始学习学习新的内容了。“工欲善其事,必先利其器”,因此今天主要是配置 VSCode 的 React 支持,折腾来...
-
13 个精选的 React JS 框架
如果你正在使用 React.js 或 React Native 创建用户界面,可以试一试本文推荐的这些框架。 React.js 和 React Native 是流行的用户界面(UI)开发平台,且...
-
通过四个问题带你进阶React Hooks
前言 相信大部分人都已经在使用 React hooks 了,但是在开发过程中,我们要 知其然知其所以然。整理了一下最近使用 React hooks 遇到的一些问题,如果有问题或更好的答案,欢迎一...
-
React 服务端渲染实战,Next 最佳实践
开门见山的说,服务端渲染有两个特点: 响应快,用户体验好,首屏渲染快 对搜索引擎友好,搜索引擎爬虫可以看到完整的程序源码,有利于SEO 如果你的站点或者公司未来的站点需要用到...
-
React 函数式组件性能优化指南
前言 目的 本文只介绍函数式组件特有的性能优化方式,类组件和函数式组件都有的不介绍,比如 key 的使用。另外本文不详细的介绍 API 的使用,后面也许会写,其实想用好 hooks 还是蛮...
-
React 中获取数据的 3 种方法及它们的优缺点
作者:Dmitri Pavlutin 译者:前端小智 来源:dmitripavlutin.com 点赞再看,养成习惯 本文 GitHub https://github.com/qq44...
-
面向 React 和 Nginx 的 Docker 多阶段构建
原文:http://progressivecoder.com/docker-multi-stage-build-for-running-react-application-on-nginx-serve...
-
一个React的键盘快捷键库
React support for @reasonink/clack This package provides two React components that enable keyboar...
-
React + TypeScript + Node.JS实现一个后台管理系统
目前因学业任务比较重,没有好好的完善,现在比较完善的只有题库管理,新增题库,修改题库以及登录的功能,但搭配小程序使用,主体功能已经实现了 此后台系统是为了搭配我的另一个项目 School-Par...
-
七步搞定React Redux
React是一款非常优秀的前端框架,但是我们不能说它是尽善尽美的。比如说React在做大型项目时,在处理状态管理的问题时就显得捉襟见肘。因此针对于状态管理的问题就衍生出了很多的技术,比如flux,re...