🖥

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

2019/04/24に公開

Ref

Introducing JSX – React

Codepen

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

A Pen by yumainaura

image

呼吸とかする

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

熟成

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

コードの首を捕まえる

elementを

image

render してるだけじゃん!

image

elementを

image

render してるだけじゃん!

image

elementを

image

render してるだけじゃん!

image

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

image
image

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

image

ダウンサイズ!

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

image

ちゃんと動いてるしね!

image

A Pen by yumainaura

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

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

Original by Github issue

https://github.com/YumaInaura/YumaInaura/issues/1391

チャットメンバー募集

何か質問、悩み事、相談などあればLINEオープンチャットもご利用ください。

https://line.me/ti/g2/eEPltQ6Tzh3pYAZV8JXKZqc7PJ6L0rpm573dcQ

Twitter

https://twitter.com/YumaInaura

公開日時

2019-04-24

Discussion