原文链接: https://medium.com/@jrwebdev/… 和之前的文章一样,本文也要求你对render props有一些知识背景,如果没有官方文档可能会对你有很大的帮助。本文将会使用函数作为c…
标签:Typescript
配置TS + node 的开发环境
直接配置ts的开发环境还是挺麻烦的,这里我总结了一套开发模板,可以在用的时候可以考虑直接clone这个项目,项目地址https://github.com/fish-node/…以这个项目 为基础模板来开发就行…
使用 Enzyme 测试 react-redux-app(接上一篇)
使用 Enzyme 测试 react-redux-app(接上一篇) 使用 enzyme+jest 可以很方便的来测试我们的 react 应用 测试需要关注哪些方面 页面的结构的测试(一般是去 判断 dom 结构对不对)…
面试题 LazyMan 的Rxjs实现方式
前言 笔者昨天在做某公司的线上笔试题的时候遇到了最后一道关于如何实现LazyMan的试题,题目如下 实现一个LazyMan,可以按照以下方式调用: LazyMan(“Hank”)输出: Hi! This is Hank!…
Angular2入门系列(二)————环境搭建
Angular2入门系列(二)————环境搭建 安装node.jshttps://nodejs.org/zh-cn/ 推荐使用推荐版本,因为相对会稳定。安装步骤就不细说了,直接next就行了。 下载及安装Angular …
typescript + amd tips
typescript 配合 amd 规范的更轻量、”纯” 前端打开方式 曾经数年以前,就尝试 typescript 无奈至今一直有几个小问题没有处理: 0 必须要 import * as…
将RxJS融入React项目
前言 最近准备毕设,技术选型的时候因为功能的一些需求准备将RxJs融入到项目中,考虑RxJs的时候因为之前的技术栈还犹豫了一下,查了一些资料以及粗略浏览了一些文档。感觉对于毕设项目RxJs的加入是有帮助的,因此打算系统的…
Eslint规则
"no-alert": 0,//禁止使用alert confirm prompt "no-array-constructor": 2,//禁止使用数组构造器 "no-bitwise": 0,//禁止使用按位运算符 "no…
Angular中使用better-scroll
better-scroll的使用 由于需要在一个固定的的高度做无限滚动,本来css的overflow-y也可以完成的,奈何安卓不是很流畅,还很生硬,就是用了第三方库better-scroll,配合angular的ng…
websocket4.0+typescript 实现热更新
最近搞了一个webpack4+typescript的开发环境,折腾了很久现在记录一下。。。。本身环境比较好搞,但是热更新是个麻烦事儿本环境是基于webpack-dev-server搭建的 output: { public…
搞定 PM:天天改 URL,react-router 动态路由配置
项目用的 React 框架。公司有三类人掌握着 URL 生杀大权,产品总监,产品经理,还有 SEO ???特别是产品总监还兼职首席拼写官,导致 URL 一周一个样。即使上线了也是如此,告诉他们用户已经收藏了这个链接,不要…
Electron-TypeScript-React 快速开始脚手架
Electron-TypeScript-React 简介 快速启动一个Electron + TypeScritp + React的脚手架, 并且提供了React-Router/ React-Redux/ connecte…