React ライブラリのソースコード読みに役に立つサイト一覧
みなさん、React のライブラリのソースコードを読んでますか?
「そんなの難しくて読めない」と思っているあなたに朗報です。
世の中には、React のライブラリのソースコードを、短くしたコードを公開しているサイトがたくさんあります。
ここでは、そんなライブラリを短くしたコードを公開しているサイトを紹介して、皆様の React のライブラリのソースコード読みをより充実 or 始めるきっかけ作りができればと思います。
redux
https://gist.github.com/gaearon/ffd88b0e4f00b22c3159
下の方の、createStore の部分が読んでて参考になる。redux が実は80行程度のソースコードのみで実装できるのを聞けば驚きますね(それに createStore の部分だけならもっと短い)。
react-redux
https://github.com/dennis-jiang/Front-End-Knowledges/tree/master/Examples/React/react-redux
まだ全部は読んでないけど、素のソースコードより短くて読みやすい。
react-router
- https://zenn.dev/stin/articles/how-to-develop-react-router
- https://github.com/dennis-jiang/Front-End-Knowledges/tree/master/Examples/React/react-router-code/src/myReactRouter
1つ目はコードが分かりやすい上、日本語なので読みやすいです。
2つ目は1つ目のコードを少し難しくした部分があるので、少し読みづらいですが、読めます。
useState
https://github.com/dennis-jiang/Front-End-Knowledges/tree/master/Examples/React/fiber-and-hooks
まだ読んでない上、とても難しそうですが、暇があれば読んでみたいです。
React 初心者でも、是非とも読んでみて、日頃使っているライブラリの理解を深めてみましょう!