#プログラマ の脳が #コード を理解する仕組みってなんなの？ チュートリアルのコードをダウンサイズして理解したい。( #React Introduction の例 )

[YumaInaura]

Ref

Introducing JSX – React

Codepen

• Codepenでコードをしばらく眺める
• さっぱり分からずに固まる
• ドキュメントに戻って読んだりする

A Pen by yumainaura

呼吸とかする

スタバの抹茶のティーラテをゆっくり飲む

熟成

• コードの前で立ち止まるのは良くないというが、僕の場合は立ち止まる。
• こんな簡単そうなコードでも立ち止まるので、自分の頭が相当悪いのだろうと、誰にもせかされていないのに焦ってくる。
• 5分ぐらいゆっくりしていると、問題意識が立ち上がる。「どこがネックなの？」と。

コードの首を捕まえる

elementを

render してるだけじゃん！

elementを

render してるだけじゃん！

elementを

render してるだけじゃん！

このコードの並び順おかしくね？ 分かりづらくない？ と思って並び替える

もっと簡単にできるっしょ？と思って、引数やらなにやらを削っていく

ダウンサイズ！

分かってきた気がするぞ。

ちゃんと動いてるしね！

A Pen by yumainaura

コードが分からなかったら Hello world ぐらいまでダウンサイズ

とか、わりと良い方法かもしれない。