在 react-router-dom 的官方教程中，一共给出12个示例，但是个人认为，着12个示例看着真的很累人，很多写法，不是标准的企业项目应用的写法，所以针对这个现状，我想用企业项目开发的要求，对教程中的每一个示例进行重写，这篇教程就是它的第一个示例——基本使用和介绍。 组…

Vmo 是一个用于前端的数据模型。解决前端接口访问混乱，服务端数据请求方式不统一，数据返回结果不一致的微型框架。 Vmo 主要用于处理数据请求，数据模型管理。可配合当前主流前端框架进行数据模型管理 Vue,React,Angular。 接口请求混乱，axios.get...随处…

Create React App 是由官方所维护的开发工具，主要提供了专属于 React 开发环境的前置工作。简单来说，就是不需要安装或设定像 Webpack、Babel 这类的构建工具，而是由 CRA 替你预设且隐藏的。最主要的好处即是让开发者可以专注在程式开发，节省了繁杂的…

在React Conf 2018会议中，Dan Abramov 介绍了 React Hooks。官方的描述为 React没有一种将可重用的行为附加到组件的方法(例如链接到store)。如果您使用过一段时间，您可能会使用render props和height-order comp…

本文主要讲解后台系统与表单相关的页面开发，并分析如何才能更好地、高效地开发。 Ant Design是个服务于企业级产品的UI框架，主要可以用于中后台系统,它有基于React、Vue和Angular的实现。个人感觉Antd还是很强大的,API相当完善、全面，基本能实现你想要的各种…

这两天自己简单的看了下 setState 的部分实现代码，在这边给到大家一个自己个人的见解，可能文字或图片较多，没耐心的同学可以直接跳过看总结(源码版本是16.4.1)。 、performWorkOnRoot、performSyncWork、performAsyncWork这四…

最近要对旧的项目进行重构，统一使用全新的react技术栈。同时，我们也决定尝试使用React hooks来进行开发，但是，由于React hooks崇尚的是使用(也只能使用)function component的形式来进行开发，而不是class component，因此，整个开…

回归正题，我们所要的说的axios的封装和api接口的统一管理，其实主要目的就是在帮助我们简化代码和利于后期的更新维护。 在vue项目中，和后台交互获取数据这块，我们通常使用的是axios库，它是基于promise的http库，可运行在浏览器端和node.js中。他有很多优秀的…

本文是直接着手SSR部分的并通过实战讲述自己遇到的一些问题和方案，需要大家有一定的React,node和webpack基础能力。skr，skr。 首先我们需要知道SSR对于SPA的好处，优势是什么。 更好的SEO（Search Engine Optimization），SEO是…