项目用的 React 框架。公司有三类人掌握着 URL 生杀大权,产品总监,产品经理,还有 SEO ???特别是产品总监还兼职首席拼写官,导致 URL 一周一个样。即使上线了也是如此,告诉他们用户已经收藏了这个链接,不要…
分类:react.js
理解JSX
首先jsx绝不是一个新的语言,我觉得他仅仅是js的超集,或者只是一种语法糖。原本FB是有自己的jsx-transform来负责jsx的解析,不过现在已经停止更新,jsx语法完全依赖babel进行解析。 babel bab…
React Router 中文文档(二)
官方英文文档 – https://reacttraining.com/rea… 版本 – v4.2.0 history 本文档中的术语 history 指的是 history 包,它是…
React优化-JSX模板优化-标签化
什么是JSX JSX是JavaScrip的一种扩展语法,JSX的标签语法既不是字符串也不是HTML;从本质上讲,JSX只是为React.createElement(component, props, …chi…
学习从零开始搭建React脚手架
写在前面 准备学习一下react和webpack相关的东西,官方的脚手架看起来太繁琐,所以打算自己来搭建一个,参考了这个文档从零搭建React全家桶框架教程;步骤上都差不多 第一步,依赖总览 完成到我现在半成品的过程中,…
Electron-TypeScript-React 快速开始脚手架
Electron-TypeScript-React 简介 快速启动一个Electron + TypeScritp + React的脚手架, 并且提供了React-Router/ React-Redux/ connecte…
React父子组件间的传值
父组件: import React, { Component } from 'react'; import Child from './chlid'; class parent extends Component{ co…
构建自己的React:(2)Element creation and JSX
Didact: Element creation and JSX 翻译自这里:https://engineering.hexacta.c… JSX 上一节我们介绍了Didact Elements,使用了一种很…
React组件卸载、路由跳转、页面关闭(刷新)之前进行提示
React组件卸载生命周期、路由跳转和页面关闭三者看起来有些类似的地方,比如都是当前组件即将从视口消失,但实际上所触发的事件均不相同。以一个实际案例出发: 某单页应用的 文章编辑页用户正在编辑文章,此时尚未保存。 当用户…
你对项目里的依赖包了解吗
注意:本文所有依赖包是目前最新版本的 现在很多开发朋友对于使用webapck、babel搭建开发环境已经不陌生,但很少去系统性的了解项目依赖。 本文从环境依赖包说起,让你对自己的开发环境有更深的了解。 为了简单,我们将依…
React,Vue管理异步加载状态的小工具
load-state github 平常项目中经常碰到需要有加载中状态的管理,比如表单提交,一般是这样写的 import React from "react"; import "antd/dist/antd.css"; …
preact源码学习(1)
preact是目前最小的react兼容库了,因此学习它对提升anujs有很大的帮助。 preact的一些模块非常简单。 //vnode.js export function VNode() {} 一句话一个模块,其实这个…