var array=[ { id:1,name:'小明',sex:'男'}, { id:2,name:'小刚',sex:'男'}, { id:3,name:'小红',sex:'女'}, { id:4,name:'小花',…

慎点!这是一篇很水很水的文章, 抄自 react中文文档, 本文详细介绍了react生命周期函数执行顺序, 以及各生命周期函数的含义和具体作用. 不同阶段生命周期函数执行顺序 挂载(Mounting) 挂载指的是组件被实…

基于目前React和Vue比较火，开发react-to-vue工具的目的是为了进一步提高组件的可复用用性，让组件复用不仅仅局限在一个框架里面 简介 对于react-to-vue工具，转化的是基本的react compon…

市面上的主流框架，相信作为一个前端搬砖人员，或多或少都会有所接触到。如ReactJs、VueJs、AngularJs。那么对于每个框架的使用来说其实是比较简单的，还记得上大学时候，老师曾经说过:”技术就是窗户…

对于市面上的一些优秀UI库，如element-ui、Ant Design React、React Material-UI等，其中每个组件的核心实现由两部分组件：属性、行为。而作为一枚程序员，你是否想过自己去进行一个UI组…

前言 当我们来到一个新的团队，或者接手一个新的项目时，一定会遇到代码规范的问题。随着前端应用越来越复杂，代码规范的问题也日益得到大家的重视。本文就带着大家来从 0 开始整合一个 React 前端应用的相关配置。 项目实例…

本篇是前文的扩展延伸。 美化webpack输出信息 webpack在开发时的输出信息有一大堆，可能会干扰我们查看信息，以下提供一个美化、精简输出信息的建议。 精简以下开发服务器输出信息，修改webpack.dev.js：…

这一篇主要介绍代码规范相关的内容。 eslint 我们通常使用lint工具来检查代码不规范的地方，以下是将 eslint、typescript 和 webpack 结合使用的例子。 首先安装依赖： $ npm i -D …

博客原文 作为一个码农，每天工作中除了写代码，就是流连于各网站。而去得最多的地方就是 GitHub 和 wakatime。关注 github，可以让我了解一些大佬又造了什么新的骚轮子，眼下流行的项目是什么。而 wakat…

配置webpack开发服务器 打包用的配置基本完成了，现在我们来配置一下开发环境。 首先处理通用配置config.js： module.exports = { // ...configs devServer: { por…

React Hooks比你想象的更强大。 现在，我们将探索和开发一个自定义Hook来管理全局状态 – 比Redux更容易使用的方法，并且比Context API更高效。 Hooks基础 如果你已经很熟悉Rea…

1. 函数式组件和类组件–初识 1.1 函数式定义的无状态组件 定义组件的最简单方法是编写JavaScript函数 function Welcome(props) { return <h1>Hel…