例子:lesx-example webpack loader: lesx-loader 一些背景 现在前端框架已经呈现出React、Angular、Vue三足鼎立的局势,对于三者的对比以及技术选型的思考与争论也被讨论了非…
分类:react.js
从零开始,搭配eslint做一个命令行工具
如今前端工程化,自动化已经成为了新趋势,如果我们要重新开始做一个项目,你会花费多久的时间在前期环境的搭建上呢?在我们前端的的积累中,我们需要将这些技术沉淀下来,便于我们开始一个新的项目,而不必花费过多的经历在环境搭建中。…
React 重温之 Error Boundaries
什么是Error Boundaries Error Boundaries(错误边界)是React 16+引入的一个新概念,那么具体是什么东西呢? 话不多说,先看官方怎么说: Error boundaries are Re…
【Under-the-hood-ReactJS-Part2】React源码解读
接上文, React流程图:https://bogdan-lyashenko.gith… 另外一个事务类 这次,我们将分析ReactReconcileTransaction。正如之前的文章里所讲,我们关注的重…
react学习笔记三----练习项目完成
如果没有看前两篇的童鞋,可以看看前两篇文章的内容,虽然写的一般,但是起码也是一个重无到有的过程。 直接进主题 到这里,其实我们的前端页面布局,后台nodejs服务程序已经有了,现在就是写页面和调用后台服务程序去处理数据了…
前端面试题小结
前几天也是有人问我的一些问题,我觉得还是挺有了解价值的,也是一些平时开发可能比较会忽略的问题。别的不多说,直接开门见山: 1.post和get的区别? 我们都知道GET和POST是HTTP请求的两种基本方法。我相信如果有…
redux中间件的使用
redux-thunk 功能: 使用中间件可以在action中返回函数,可以用来处理ajax异步请求 使用方法 index.js import { createStore, applyMiddleware, compos…
React使用propTypes进行类型检查
注意: React.PropTypes 自 React v15.5 起已弃用。请使用 prop-types 库代替。随着你的应用的开发,你会使用类型检查的方法来捕获很多bug。对于一些应用,你可以使用js扩展就像Flow…
iModule of React
本地项目链接远程代码库(码云·Github) 只有真正使用解决实际需求,才算是真正掌握! 每个类型尝试实现·争取全方面实现 项目搭建 sudo npm install -g create-react-app // 全局安…
从零搭建webpack4+react+typescript+eslint脚手架(三)
处理静态资源 js的打包基本处理完了,还有图片、音频等静态资源需要处理。 依然先装依赖: $ npm i -D url-loader file-loader $ npm i -D @svgr/webpack # 顺带支持…
Redux中间件与异步操作
基本流程 1.创建store,带有三个方法:store.dispatch,store.subscribe,store.getState import { applyMiddleware ,createStore } fr…
实战React App的i18n
记得我刚来我们公司的时候,接手现在负责的项目的时候,我就发觉了一个问题:所有的文本资源都是硬编码在代码里面。这当然会带来很多问题。但考虑到我负责的这个项目是公司内部的管理工具,同时大部分用户都是中国人,因此抽离文本资源,…