小编日常工作中使用的是Vue,对于React只是做过简单的了解，并没有做过深入学习。趁着这个双节假期，小编决定好好学一学React,今天这篇文章就是小编在学习React之后，将React与Vue的用法做的一个对比，通过这个对比，方便使用Vue的小伙伴可以快速将Vue中的写法转换…

Tips:本文某些知识点如果介绍不对或者不全的地方欢迎指出，本文可能内容比较多，阅读时间花费比较长，但是希望你可以认真看下去，可以的话最好手把手去实现一些code，本文所有代码均手写。 原生浏览器环境其实是最考验前端工程师能力的编程环境，因为我们前端大部分一开始面向浏览器编程，…

一个复杂的应用都是由简单的应用发展而来的, 随着越来越多的功能加入项目, 代码就会变得越来越难以控制. 本文章主要探讨在大型项目中如何对组件进行组织, 让项目具备可维护性. 1. 组件设计的基本原则 2. 基本技巧 3. 组件的分类 4. 目录划分 5. 模块 6. 拆分 7.…

在React Conf 2018宣布React Hooks后，我第一时间开始尝试使用React Hooks，现在新项目基本不写Class组件了。对我来说，它确实让我的开发效率提高了很多，改变了已有的组件开发思维和模式. 我在React组件设计实践总结04 - 组件的思维中已经总…

最近参与了一个 React + Typescript 组件项目，这个项目后期会开源，对代码的质量和工程化上有比较高的要求，因此需要进行工程化治理。通过这次工程化治理，笔者算是梳理清楚了一个 React + Typescript 第三方组件所需要的一些工程化方面的基础设施，在这里…

2019年React Hooks是React生态圈里边最火的新特性了。它改变了原始的React类的开发方式，改用了函数形式;它改变了复杂的状态操作形式，让程序员用起来更轻松;它改变了一个状态组件的复用性，让组件的复用性大大增加。如果你是React的粉丝者或者正在使用React开…

基于 Ant Design 开发了一个表单配置渲染库，可以帮助你通过配置数据快速渲染一个表单并进行表单操作。 ✔︎开箱即用，基于最受欢迎的 React 组件库 Ant Design，非常容易上手。 ✔︎数据驱动，对表单的任何操作都可以通过操作配置数据完成。 ✔︎高维护性，维护表…

而且，国际化方案往往与具体的技术栈是绑定的。 本国际化方案仅针对 React 技术栈，且不会涉及服务端国际化内容。 载入语言环境数据。 React Intl 依赖这些数据来支持单复数和相对时间格式化的功能。 虽然我只用到了文本翻译的功能，以为就不需要加载这些数据，但后来发现这是…

React 与 Vue 有很多相似之处，React 和 Vue 都是非常优秀的框架，它们之间的相似之处多过不同之处，并且它们大部分最棒的功能是相通的：如他们都是 JavaScript 的 UI 框架，专注于创造前端的富应用。不同于早期的 JavaScript 框架“功能齐全”，…