2019.03.14

[文章] 2019 年完整的 React、Redux 指导，视频教程 (opens new window)：https://daveceddia.com/redux-tutorial/ (opens new window)

[文章] 使用 Twitter 的 snowflake 算法，实现分布式 ID 生成器：https://chai2010.cn/advanced-go-programming-book/ch6-cloud/ch6-01-dist-id.html (opens new window)

[资源] 现代 Javascript 教程：https://zh.javascript.info/ (opens new window)

[工具] 在线制作油画的工具，可以在装修时打印出来挂在墙上，在线地址 (opens new window)：https://github.com/dli/paint (opens new window)

[类库] useDimensions 是测量 DOM 节点尺寸（宽高）和位置（X、Y）的 Hook：https://github.com/Swizec/useDimensions (opens new window)

看示例部分

配图 - 2019 年完整的 React、Redux 指导

配图 - 制作油画的工具

配图 - useDimensions

配图 - snowflake 算法

示例 - useDimensions

const MyComponent = () => {
  const [stepRef, stepSize] = useDimensions();
  const [titleRef, titleSize] = useDimensions();

  console.log("Step is at X: ", stepSize.x);
  console.log("Title is", titleSize.width, "wide");

  return (
      <div>
          <div ref={stepRef}>This is a step</div>
          <h1 ref={titleRef}>The title</h1>
      </div>
  );
};