- 博客(132)
- 资源 (1)
- 收藏
- 关注
原创 HTTP Cache Control
HTTP caching on MDNCaching best practiceIncreasing performance with HTTP caching
2020-02-09 14:35:07 155
原创 React Encapsulation Methodology Compared To Traditional OOP
IdeasReact’s main idea is “props down”
2019-12-12 11:03:28 182
原创 React Hooks
Why React hooksClass component and functional component are two kinds of component type in React, whose difference is mainly class component has its instance while functional component does not. This...
2019-11-19 10:19:42 266
原创 React anti-pattern and async rendering
React derived stateReact async rendering
2019-10-25 09:55:22 189
原创 Jest snapshot testing
Snapshot testing on JestSnapshot testing impression
2019-10-23 09:30:58 230
原创 HTML tips
tabIndex makes DOM focusableNon-form DOM element like div and span, are not focusable by default, which means they could not receive keyboard event. To make them focusable like input and textarea, we...
2019-10-15 09:45:28 232
原创 React-redux app best practice
Background & PurposeFlux and redux suggests more practice than eslint rules and compile-time issues.thunk empower developers to do anything, and overuse it in most conditions.To commit reason...
2019-09-29 16:14:45 131
原创 React And Fiber Node
Inside Fiber: in-depth overview of the new reconciliation algorithm in ReactIn-depth explanation of state and props update in ReactReact fiber architeture
2019-09-05 10:36:49 313
原创 React-Redux Application Unit Test
FrameworkJestTest pointsRedux reducerRedux async actionContainer componentRepresentational componentCommon test casesRedux reducersSince reducers are just pure function, we could test reduc...
2019-08-07 10:39:04 378
原创 Redux In-depth
OverviewRedux is inspired by flux architecture, which enforce unidirectional data flow of the application.Actions are triggered by the interaction on view, which will be dispatched to the store and...
2019-07-05 10:03:38 207
原创 React In-depth
The post is not completely about to tell how to create React component instance in render function actually. But with the question we are going to dive deep into how elements are rendered.We are goin...
2019-05-22 23:44:45 510
转载 How Expressjs Middlewares Work
Express middlewareThe post explains how middleware works in express in detail, read carefully before you work on expressjs even other nodejs-based server framework, because it gives you basic concept...
2019-05-15 15:31:19 109
转载 Understanding Reflow And Repaint For Web Performance
Understanding Reflow And Repaint For Web Performance
2019-04-29 14:59:53 79
翻译 Preload, Prefetch And Preconnect
Browser Hints: Preload, Prefetch, and Preconnect
2019-04-24 09:47:59 164
转载 Optimize Font Performance
Controlling Font Performance with font-displayPreload Content
2019-04-03 14:15:38 116
转载 Understanding Layout And The Containing Block For Positioning
See The Containing Block On MDN
2019-03-25 11:55:16 81
原创 Trigger CSS Transition On Appended Element
ProblemIf adding css transition on a just-appended element, the transition will not work as expected. Take the below code as example.// css.fade-in { opacity: 0;}.fade-in.show { opacity: 1; tr...
2019-03-02 15:43:55 300
原创 SEO Meta Data
<link hreflang="es" href="xxxx" />This attribute indicates the language of the linked resource. It is purely advisory. Use this attribute only if the href attribute is present.<link rel
2019-01-04 16:38:28 246
转载 How GDPR Affect Analytics And Marketing
Analytics & Digital Marketing Tips
2018-11-26 12:13:30 152
原创 How To Detect CSS Transition Start And End With Javascript
Transition HookWe could add listener on event ‘transitionstart’, ‘transitionrun’ and ‘transitionend’ to detect CSS transition hooks. But currently only ‘transitionend’ is widely supported by modern b...
2018-10-27 11:31:20 150
转载 Isomorphic App Guides
An Introduction To Isomorphic Web ApplicationIsomorphic Javascript
2018-10-10 14:08:17 101
原创 How To Implement Transition from fixed pixel to percentage
In web development, we might encounter the situation to animate width/height from a fixed pixel length to a percentage length. If you set height: 20px and animate to height: 100% or height: auto, the ...
2018-10-09 09:49:07 134
原创 Git Command Usage Notes
git log --statgit merge --no-ffgit clone repo_url --branch branch_name --single-branchgit push origin branch --deletegit config credential.helper store
2018-09-13 08:52:09 119
转载 Presentational and container components in React
Presentational and Container Components Container vs Presentational Components in React
2018-09-05 23:28:42 127
转载 Load Javascript efficiently with `async` and `defer`
EFFICIENTLY LOAD JAVASCRIPT WITH DEFER AND ASYNC
2018-08-21 16:00:05 88
Introduction to React
2018-07-15
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人