mex
log
text
to log
2020.11.13
最近寝過ぎ。19時過ぎたら寝落ちして日付の変わる前に目が覚める。そして、さらに寝る。ほとんど冬になったのでそのためだと思うけど、流石に寝過ぎ。
Notion創設者のインタビューを読んだ。Microsoft Officeの名が出てきていて、包括的なツールを目指すには意識せざるを得ないんだなと思いました。Web Componentで失敗して全員解雇はウケる。
万能ツール「Notion」共同創設者のIvan Zhaoが考える、プロダクト、採用、バリューのポイントを直接インタビュー | ALL STAR SAAS TALENT
このツールを定義することは難しい。Notionは、半ば苦し紛れのように「万能ツール」や「生産ツール」と呼ばれる。ただ、俯瞰して見ると、言い得て妙でもあり、そうとしか呼べないともいえる。つまり、それこそが、Notionの魅力なのだ。 世界中で、熱心なユーザーを増やし続けるNotion。高まるのは愛情だけではない。2020年4月には 約54億円を調達 ...
https://blog.allstarsaas.com/posts/notion-interview-20201111
話を変えます
そろそろReactのコードリーディングを始めようと思う。以下は参考資料。
Build your own React
We are going to rewrite React from scratch. Step by step. Following the architecture from the real React code but without all the optimizations and non-essential features. If you've read any of my previous "build your own React" posts, the difference is that this post is based on React 16.8, so we can now use hooks and drop all the code related to classes.
https://pomb.us/build-your-own-react/
numbbbbb/read-react-source-code
Okay, imagine you find a new framework, let's say it's React. You Google the tutorials, build a HelloWorld project and start to use it in company projects. Now you are familiar with that framework, what should you do? There are several choices.
https://github.com/numbbbbb/read-react-source-code
acdlite/react-fiber-architecture
React Fiber is an ongoing reimplementation of React's core algorithm. It is the culmination of over two years of research by the React team. The goal of React Fiber is to increase its suitability for areas like animation, layout, and gestures.
https://github.com/acdlite/react-fiber-architecture
React Components, Elements, and Instances - React Blog
The difference between components, their instances, and elements confuses many React beginners. Why are there three different terms to refer to something that is painted on screen? Managing the Instances If you're new to React, you probably only worked with component classes and instances before.
https://ja.reactjs.org/blog/2015/12/18/react-components-elements-and-instances.html
Reconciliation - React
React provides a declarative API so that you don't have to worry about exactly what changes on every update. This makes writing applications a lot easier, but it might not be obvious how this is implemented within React. This article explains the choices we made in React's "diffing" algorithm so that component updates are predictable while being fast enough for high-performance apps.
https://reactjs.org/docs/reconciliation.html
reactjs/react-basic
This document is my attempt to formally explain my mental model of React. The intention is to describe this in terms of deductive reasoning that lead us to this design. There may certainly be some premises that are debatable and the actual design of this example may have bugs and gaps.
https://github.com/reactjs/react-basic
Design Principles - React
We wrote this document so that you have a better idea of how we decide what React does and what React doesn't do, and what our development philosophy is like. While we are excited to see community contributions, we are not likely to choose a path that violates one or more of these principles.
https://reactjs.org/docs/design-principles.html
to log
