Atomic Designってデザイナーには難しくない！？という話 - QiitaReactやプログラミングがわからない人のために、上記で書いたコードがどうなっているのか少し丁寧に説明していきます。 まず、Button.jsxに書かれている<button>というのはHTMLの<button>として使っていますが、大文字で書かれた<Button>というのは私が勝手に定義したコンポーネントになります。const Buttonという箇所によって、コンポーネントの名前が決まりました。 （Reactで書く<button>とHTMLで書く<button>正確には同じものではないですが、ここでは同じものという認識でOKです） その自身で作ったButtonコンポーネントを<Button>という形で使っています。これもReactならではの機能です。 その<button>の中にonClickという記述を書き、その後ろにHTMLで属性値を入れるのと似た形で自分の好きな処理を入れています。 今
Atomic Designを分かったつもりになる
