结构 component1 actions.js reducer.js component1.js component2 actions.js reducer.js component.js redux store.js…
分类:react.js
前端项目部署
前端项目部署 之前很少接触前端项目的部署,这次为了更全面的学习就在本机上装了一个虚拟机上,在虚拟机上练习了如何把一个 react 写的 spa 项目部署到这个虚拟机的服务器上。由于 linux 也是刚接触不久,所以整个过…
react-浅析react-router4
在react-router4中,除了在路由文件中还可以在页面中写路由组件 dva初始化项目中router.js文件的内容如下 import React from 'react'; import { Router, Rou…
WebRTC - Agora (声网)简介与实现音视频通话
Agora (声网)简介 官网: https://www.agora.io/cn/ 一个专注移动端的高清实时通话云服务解决方案。 SD-RTN(Software Defined Real-time Network)SD-…
react 兄弟组件如何调用对方的方法
最近有一个场景是Child2组件点击让Child1组件里面的state的值发生改变,Child1是一个公用组件,把里面的state值改为props传递,修改内容太多,容易出错,就想找其他的方法来解决兄弟组件调用方法问题,…
roadhog+dva中环境变量的配置
有时候我们在代码里需要根据环境变量来决定一些逻辑。常见的比如,在测试环境访问的后端url跟正式环境是不一样的。 不依赖框架的话,应当是基于webpack的define-plugin实现。如文档中所示的: new webp…
3.webpack-dev-server配置
修复前面版本的一些问题 在前面2-5分支中,运行后控制台总会出现一些错误。原因就是client目录下app.js和App.jsx的文件名相似引起的。因此我们将app.js重新命名为main.js,然后修改客户端webpa…
从零搭建webpack4+react+typescript+eslint脚手架(一)
引言 项目github仓库地址: https://github.com/mecoepcoo/ts-react-boilerplate 这个系列的文章主要讲述如何从一个空目录建立webpack+react+typescri…
React-Simple-Form轮子第一版释出
嗯,可能也是最后一版。。。哈哈~~~只是写着玩 简化版的redux-form,只是觉得不需要redux-form那么复杂的功能,也不想要和redux关联,而且希望有一个简单管理form的东西,所以就写了一个。肯定有很多不…
关于this.setState更新的问题
this.setState是异步,所以在this.setState之后立即调用this.state是获取不到最新的数据的,那么怎么获取最新的数据呢?下面介绍三个方法: 1.回调函数callback this.setSta…
preact源码学习(4)
这节开始说回收机制。在这之前把组件的最后一点内容收尾。buildComponentFromVNode相当于updateComponent, 但里面存在替换操作。在替换过程一堆销毁函数出现了。 recollectNodeT…
玩转 React(三)- JavaScript代码里写HTML一样可以很优雅
这是《玩转 React》系列的第三篇,看到本篇的标题,了解过 React 的同学可能已经大致猜到我要讲什么了,本篇中要讲的内容对于刚接触 React 的同学来说,可能有些难以接受,但希望你能坚持学下去,这是 Facebo…