Zhentiw - 博客园

2020年10月23日

[React] Performance: Split state update and component render with Hoc

摘要： For the follow code: function Cell({row, column}) { const state = useAppState() const cell = state.grid[row][column] const dispatch = useAppDispatch() 阅读全文

posted @ 2020-10-23 02:32 Zhentiw 阅读(115) 评论(0) 推荐(0)

[React] Optimize context value

摘要： The way that context works is that whenever the provided value changes from one render to another, it triggers a re-render of all the consuming compon 阅读全文

posted @ 2020-10-23 00:28 Zhentiw 阅读(106) 评论(0) 推荐(0)

[React] useAsync

摘要： const defaultInitialState = {status: 'idle', data: null, error: null} export function useAsync(initialState) { const initialStateRef = React.useRef({ 阅读全文

posted @ 2020-10-23 00:26 Zhentiw 阅读(535) 评论(0) 推荐(0)

[React] React Virtual

摘要： // Window large lists with react-virtual // http://localhost:3000/isolated/final/04.js import React from 'react' import {useVirtual} from 'react-virtu 阅读全文

posted @ 2020-10-23 00:10 Zhentiw 阅读(328) 评论(0) 推荐(0)

2020年10月22日

[React] Lazy loading module

摘要： To understand lazy loading in React, we need to think in two steps. 1. Use dynamice import: to load script 2. Use React.lazy to load dynammice import, 阅读全文

posted @ 2020-10-22 00:06 Zhentiw 阅读(112) 评论(0) 推荐(0)

2020年10月21日

[Kotlin] Compare Functional Programming in Java and Kotlin

摘要： Java way: package com.rsk.java; import java.util.function.Function; public class FPExample { public static Function<String, String> toSentenceCase = x 阅读全文

posted @ 2020-10-21 02:07 Zhentiw 阅读(87) 评论(0) 推荐(0)

[Kotlin] Catch Error in Java

摘要： For example you have the Java class: package com.rsk.java; import com.rsk.kotlin.Customer; import com.rsk.kotlin.CustomerDatabase; import java.util.*; 阅读全文

posted @ 2020-10-21 01:46 Zhentiw 阅读(95) 评论(0) 推荐(0)

2020年10月19日

[Angular] Saving draft form into Cookies

摘要： npm install cookies-js --save import {Component, OnInit} from '@angular/core'; import {FormGroup, FormBuilder, Validators} from "@angular/forms"; impo 阅读全文

posted @ 2020-10-19 23:14 Zhentiw 阅读(161) 评论(0) 推荐(0)

[Angular] Data Resolver

摘要： // course-detail.resolver.ts import {Resolve, ActivatedRouteSnapshot, RouterStateSnapshot} from "@angular/router"; import {Course} from "../shared/mod 阅读全文

posted @ 2020-10-19 23:08 Zhentiw 阅读(140) 评论(0) 推荐(0)

[Angular] DomSanitizer

摘要： For example we want to build pipe to sanitizer the url: @Pipe({ name: 'safeUrl' }) export class SafeUrlPipe implements PipeTransform { constructor(pri 阅读全文

posted @ 2020-10-19 22:41 Zhentiw 阅读(148) 评论(0) 推荐(0)

Answer1215

公告