限界を究めるブログでした。最近はいろんな分野を幅広めに書いてます。TypeScript卒業研究とか部活に追われてあまりReactとか触れていなかったのでリハビリのつもりでやった。1日でガーッと書いたときの記録。コケたところとかも(どうせ後でまた同じところでコケるので)記録しておく。いうアプリ?graphemesplitという、Unicodeで1文字をカウントするライブラリがある。それを使って文字数をカウントするだけのアプリ。ロジック部分はほぼないに等しいので、主にビューを作り込んでいた。文字数カウント作ってるとき思ったこと今回はファイル分割すらせず1ファイルに全て書いた。70行以下に収まっているし、これくらいなら分割するほうが面倒。このファイル、かなりまとまっているし、結構あとあとまでテンプレートとして使いまわせそう。流れ見てもらえばわかるけど、Reactで書いた後にPreactを導入することにしたので、Reactから移行する方法について調べた。Preactどうやらpreactをインストールして、webpack.config.jsのresolve.aliasに設定するだけでいいみたい。TypeScriptの型もそれで通った。不要になったのでreactとreact-domをアンインストール。コケた部分TypeScript導入したらビルドできなくなったこれはめっちゃカンタンに解決できた。'react'これだけ。styled(Component)``;設定ファイルどれを書けばいいんだ...awesome-typescript-loaderを導入している場合、babelrcとかは要らなくて、webpack.config.jsとtsconfig.jsonだけあれば良い。babel関連はtsconfig.jsonに書いて、webpack.config.jsはその辺を気にしなくてよい。);};イベントハンドラの型わかんねえ...まず、関数の型はこんな風に書ける。void,};型についてはVSCodeとかだとマウスオーバーすると出てくる。ありがたい時代になったものだな...Vimにもこの機能欲しいしちょっと調べるか依存関係@babel/coreawesome-typescript-loaderwebpackwebpack-clitypescript@types/react@types/react-dompreactstyled-componentsこれだけで出来るんだな...すごい一発ネタだし、今回は特にテストとか書くつもりはない。リハビリがてらやったけど、結構サクサクと書けて楽しかった。限界を究めるブログです。までSNSTwitterGitHubHomepageBlog連載リストプライバシーポリシースターをつけました引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。