Skip to content

Instantly share code, notes, and snippets.

@ThaddeusJiang
ThaddeusJiang / storybook.js
Created January 30, 2019 09:32
simple storybook
import * as React from 'react';
/* eslint-disable import/no-extraneous-dependencies */
import { storiesOf } from '@storybook/react';
import { action } from '@storybook/addon-actions';
import MyComponent from './index';
storiesOf('component', module).add('MyComponent', () => (
<MyComponent onChange={action('onChange')} />
));
@ThaddeusJiang
ThaddeusJiang / stopPropagation.md
Created January 29, 2019 01:19
evt.stopPropagation() should be called first

evt.stopPropagation() should be called first because some race conditions or some process take long then evt.stopPropagation() may be late.

title categories tags date
使用 Jenkins 持续集成
技术
Jenkins
CI
2018-05-31 11:15:56 -0700

背景

私有项目(INSUITE CMS),使用 GitHub enterprise。

@ThaddeusJiang
ThaddeusJiang / timezone.md
Last active May 15, 2019 07:08
How to manage timezone?

Client alway use string, the format handle timezone, like: YYYY-MM-DDTHH:mm:ss:SSSZ

Backend handle timezone, graphql date should have a formatString function. like Gatsby Graphql

@ThaddeusJiang
ThaddeusJiang / README.md
Created January 7, 2019 03:07
高手思维
  1. 开发时应该时刻保持清醒, 知道自己在做 “Feature” 或者 “Fix”, 精准切换思考模式。
  2. Don't deploy near to demo time.
  3. 每一个 commit 都必须保证可以运行。
  4. 真正的高手都知道“术业有专攻”。
@ThaddeusJiang
ThaddeusJiang / README.md
Last active January 17, 2019 08:54
Perl 总结

Perl 实用技巧

perl 调试必备技能,使用 Dumper 输出复杂数据

perl 作为一个脚本语言竟然有指针,真的是醉了。 perl 使用 print 输出,但是当你输出一个数组或者对象时,只能得到指针。 这不是我们想要的😣

所以对于复杂数据,我们需要借助Dumper。 使用🌰

@ThaddeusJiang
ThaddeusJiang / react-folder-tree.md
Created December 19, 2018 02:14
React 项目的项目结构

overall

Image from Gyazo

src

Image from Gyazo

storybook and cypress

Image from Gyazo

@ThaddeusJiang
ThaddeusJiang / font-size and line-height.md
Created December 18, 2018 02:44
font-size 和 line-height 常常一起使用,为什么?

font-size 和 line-height 常常一起使用,为什么?

网页中现实多行文字时,文字的行间距由 line-height 和 font-size 差值决定。 所以当你需要细粒度的控制文字行间距的时候,你需要同时使用 font-size 和 line-height。

@ThaddeusJiang
ThaddeusJiang / React-useState-reset.js
Created December 11, 2018 09:42
reset state when change the entity
function usePrevious(value) {
const ref = React.useRef();
React.useEffect(() => {
ref.current = value;
});
return ref.current;
}
const prevEntity = usePrevious(entityType);