React

原文链接：http://axuebin.com/articles/fe-solution/cli/cra.html，转载请联系 Create React App is an officially supported way to create single-page React applicatio ... »

前言 »

前言 »

vite-react-boilerplate 开发编译 yarn start 启动开发 yarn build 启动编译 代码质量和风格 husky/lint-staged/eslint/prettier 暂存区代码提交自动检查修复 , 可以自行扩展git hooks , e.g. commit-ms ... »

最近使用React Hooks结合zarm组件库，基于js对象配置方式开发了大量的h5表单页面。大家都知道h5表单功能无非就是表单数据的收集，验证，提交，回显编辑，通常排列方式也是自上向下一行一列的方式显示 ， 所以一开始就考虑封装一个配置化的页面生成方案，目前已经有多个项目基于此方式配置开发上线， ... »

背景 一款轻阅读应用ReadIT，支持功能：优质文章推送、评论点赞、计划制定、计划闹钟、天气预报、收藏文章、深浅两套主题、多语言切换、极光推送等功能。后续还会继续集成功能。前后端均自主研发，借鉴市面较好的种子工程，目前未上应用市场，文章目前也比较少，后续会持续补充优质文章。 展示效果 点我 下载体验 ... »

针对新手入门搭建项目，Webpack5 配置手册（从0开始） webpack安装顺序 1. `npm init -y`，初始化包管理文件 package.json 2. 新建src源代码目录 3. 新建index.html 4. `yarn add webpack webpack-cli`,安装we ... »

背景 观察基于 create-react-doc 搭建的文档站点, 发现网页代码光秃秃的一片(见下图)。这显然是单页应用 (SPA) 站点的通病 —— 不利于文档被搜索引擎搜索 (SEO)。 难道 SPA 站点就无法进行 SEO 了么, 那么 Gatsby、nuxt 等框架又为何能作为不少博主搭建博 ... »

序言 最后有招聘信息哦～React是一个库，它不是一个框架。用于构建用户界面的Javascript库。这里大家需要认识这一点。react的核心在于它仅仅是考虑了如何将dom节点更快更好更合适的渲染到浏览器中。它本身提供的涉及框架的理念是不多的。class组件是如此，hooks组件也是如此。 Clas ... »

前言 »

![](https://pro.qiuzhi99.com/rails/active_storage/blobs/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBWDg9IiwiZXhwIjpudWxsLCJwdXIiOiJibG9iX2lkIn19--04593a8d29cc... ... »

我们经常会写一些 JavaScript 代码，但是如何写出干净又易维护的代码呢？本文将讲解 17 个 JavaScript 代码的技术帮助你提高编程水平，此外，本文可以帮助您为 2021 年的 JavaScript 面试做好准备。 （注意，我会把差的代码放在上面用 //longhand 注释的，好的 ... »

本文会分享一个React性能优化的故事，这也是我在工作中真实遇到的故事，最终我们是通过魔改第三方库源码将它性能提高了几十倍。这个第三方库也是很有名的，在GitHub上有4.5k star，这就是：react-big-calendar。 这个工作不是我一个人做的，而是我们团队几个月前共同完成的，我觉得 ... »

基于Abp React前端的项目建立与运行 1 Abp项目配置 2 运行WebApi后端项目 2.1 创建C3D数据库，并且将数据库对应链接字符串替换 2.2 建立数据库进行数据迁移 主项目选择到StartUp所在的项目，C3D.Web.Host,nuget console窗口打到C3D.Entit ... »

为什么VSCode如此受欢迎 Visual Studio Code在开发人员中迅速流行起来，它是最流行的开发环境，可定制性是其流行的原因之一。 因此，如果你正在使用VSCode，这里有一个扩展列表，你必须提高你的工作效率。 1. Git Lens 当你与你的团队成员在一个项目上工作时，这个扩展使用V ... »

Ant Design Pro v5 环境搭建，相关内容简介。小试牛刀，搞一个登录接口，准备对接我们的后端Api。 ... »

一、简介 Butterfly是由阿里云-数字产业产研部孵化出来的的图编辑器引擎，由咱们部门以及其他开发者共同维护开发，具有使用自由、定制性高的优势，已支持集团内外上百张画布，不夸张的说，我觉得可以算的上“杭州余杭区最自由的图编辑器引擎”。 可是，由于大多数用户对于原生的jquery操作还是略感繁琐， ... »

@ 一、前言 为什么介绍redux-actions呢? 第一次见到主要是接手公司原有的项目，发现有之前的大佬在处理redux的时候引入了它。 发现也确实 使得 在对redux的处理上方便了许多，而我为了更好地使用一个组件或者插件，都会去去尝试阅读源码并写成文章 ，这个也不例外。 发现也确实有意思，推 ... »

虚拟DOM与diff算法 虚拟DOM 在DOM操作中哪怕我们的数据,发生了一丢丢的变化,也会被强制重建整预DOM树。这么做,涉及到很多元素的重绘和重排,导致性能浪费严重 只要实现按需更新页面上的元素即可,只需要把修改的数据,所对应的DOM元素重新构建一下,其它没有变化的数据,所对应的DOM节点不需要 ... »

子给父传值需要通过事件方法来传值，这里我们子组件是触发了一个点击事件传值： <Button onClick={()=>setshowregister(false)}>注册</Button> 然后我们需要把props解构： const {setshowregister} = props; 父组件中的子 ... »