示例是使用antd组件库作测试的,有react-router和redux穿插,项目比较 基本效果如图 创建项目 > npx create-react-app react-typescript-demo --type…
一键式创建React,Vue组件
mn-component-maker 一键式创建React,Vue组件命令工具 mn-component-maker 如有问题欢迎大家反馈修改 v1.2.1 支持自由选择创建css,scss,less 功能 一键式创建R…
基于 Electron + React 的超高颜值喜马拉雅客户端 - Mob 诞生记
前言 最近一个月沉迷喜马拉雅无法自拔,听相声、段子、每日新闻,还有英语听力,摸鱼学习两不误。上班时候苦于没有桌面端,用网页版有些 bug,官方也不搞一个,只好自己动手了。样式参考了一下 Moon FM /t/555343…
[译]开发类 redux 库来理解状态管理
原文 地址 对于想要跳过文章直接看结果的人,我已经把我写的内容制作成了一个库:use-simple-state,无任何依赖(除了依赖 react ),只有3kb,相当轻量。 近几年,应我们的 app 增长的需要,web …
React 16 Upgrade
React 16 Upgrade New Lifecycle Mounting constructor() static getDerivedStateFromProps() render() componentDidM…
react 通过 xlsx导入excel数据
import React, { Component } from ‘react’; import { Button, Icon, message } from ‘antd’…
Next.js源码解析【服务端渲染过程,以及_document、_app、pages这三者调用关系】
入口 这是一个基础demo,由开发者自己提供server,用于渲染 const Koa = require('koa') const Router = require('koa-router') const next =…
【译】三分钟掌握 React 高阶组件
掌握这个有用的模式,停止在 React Components 中重复逻辑! 😎 原文:React Higher Order Components in 3 minutes作者:Jhey Tompkins译…
如何设计redux state结构
为什么使用redux 使用react构建大型应用,势必会面临状态管理的问题,redux是常用的一种状态管理库,我们会因为各种原因而需要使用它。 不同的组件可能会使用相同的数据,使用redux能更好的复用数据和保持数据的同…
React Hooks 深入系列
本文基于近段时间对 hooks 碎片化的理解作一次简单梳理, 个人博客。同时欢迎关注基于 hooks 构建的 UI 组件库 —— snake-design。 在 class 已经融入 React 生态的节点下, Reac…
react本质:JSX如何转化为javascript
react中基本都使用JSX来开发,但JSX其实是javascript的一种语法糖。 什么是语法糖? 语法糖就是提供了一种全新的方式书写代码,但是其实现原理与之前的写法相同。语法糖可以说是广泛存在于各种计算机代码中,包括…
积梦前端的路由方案 ruled-router
积梦(https://jimeng.io ) 是一个为制造业制作的一个平台.积梦的前端基于 React 做开发的. 早期使用 React Router.后来出现了一些 TypeScript 集成还有定制化的需求, 自己探…