husky
https://scrapbox.io/files/610f72929c2e19001cf8e925.png
↑かっこいいicon
webを習いたてでりんごとバナナの違いもわからない
完全に知識0からやってるので変なこと言いがち
メモ (まさかり希望※自由に書き足してください)
React
コンポーネント
クラスと関数のことらしい(?)
見た目と動作をまとめたやつygkn.icon
HTML タグのようなものを新たに作っているのと似てる ygkn.icon
親コンポーネントから子コンポーネントに引数を渡す時にpropsに紐づけられる
propsの値を変更できない
文献
state
コンポーネントが内部で保持する状態のこと
クラスコンポーネントと関数コンポーネントで書き方が異なる
useState
関数コンポーネントで状態を扱う時に使う
子コンポーネントで親コンポーネントの変数を変える時めちゃ便利(これ以外の方法なさそう?)
useReducer
State自体の配列を作る時に便利
予め状態の変化の仕方を関数で書いておくことで関数化できる
文献
関数コンポーネントで実行回数を制限する時に使う
クラスコンポーネントではcomponentDidMountと componentDidUpdateを使う
promise
非同期処理の状態や結果を格納するオブジェクト
Async FunctionはPromiseを返す
await (ここまだわかめスープ)
非同期処理を強制的に同期処理にする(非同期の中で順番に実行したい時に必要?)
これがないとasync関数内は全て非同期で実行されるっぽい(?)
「同期処理っぽく書ける」としたほうが適切かもygkn.icon
実際は非同期処理(他の処理をじゃましない)ygkn.icon
これらは処理(ユーザのアクション)完了するまで他の処理はできないygkn.icon
処理が終了(promiseがfulfilledかrejected)するまでまつ
文献
CSS
CSSフレームワーク
css書かなくてもclass属性つけるだけで見た目をよくしてくれる
他にBootstrapやBulmaがある
Bootstrap や Bulmaは UI の構成要素である「コンポーネント」ベースの方針で、Tailwind CSS は(コンポーネントの管理は React などの UI ライブラリに任せたほうがいいことから)Utility-First という方針を採用している ygkn.icon
absolute
左上を基準に強制的に位置を固定できる
なんか使いすぎると怖そう
TS
記事集
その他Tips
サイズ編
びゅーぽーとってなあに?
記事集
consorに画像を適用する時128*128よりも大きいと反映されない(3時間消えた)
purescriptってなに