一枚努力学习前端的程序媛，之前都在自己的博客： Study Of Toast (breadfruit.github.io)(国内站点 上打卡，现在是到了第15期了，每周阅读刷刷

Algorithm：

面试题 02.05. 链表求和

面试题 08.05. 递归乘法

这道题比较有趣的事用二进制表示十进制，利用左右移和&进行实现乘法。

Review

The minimum TypeScript you need for React

作者描述的是如何从：

import React from 'react';

const Hello = () => {
    return <div>Hello</div>;
};

在react正确的使用ts：

import React, { HTMLAttributes, PropsWithChildren } from 'react';
interface HelloProps extends HTMLAttributes<HTMLDivElement> {
    name: string;
}

const Hello: React.FC<PropsWithChildren<HelloProps>> = ({
    name,
    children,
    ...rest}) => {
    return (
        <div>
            <div {...rest}>{`Hello, ${name}!`}</div>            {children}
        </div>
    );
};

Why React Re-Renders

这篇文章深入探讨了为什么 React 能够以一种可访问的、容易遵循的方式进行渲染。从这篇文章主要复习到的是React Profiler 介绍

主要通过react devtool的profiler进行记录应用程序的渲染过程以及花费时间。可以从工具中得知why did this render.从图可以更好的看出渲染的过程以及找出渲染的原因。