反応をpreactと置き換えるそれは簡単で価値があった.
2390 ワード
私は、かなりの間、preactを考慮していました.結局のところ、販売は簡単です.は、反応生態系(種類)と互換性を持つ
非常により小さい(JS束サイズ) 高速(性能) 約2年前、私はシドニーで地元のプレゼンターに行ってきました.プレゼンターは、カンタスのいくつかの地域で彼らがどのように成功したかを共有していました.それはおもしろい.そして、彼は納得していました.しかし、誰もが反応を使用していることを考えると、私はそれが困難な課題であり、それをさらに研究する時間を置くことはなかったと思いました.最近まで.
私はsaashubのページロード速度を最適化することに取り組んでいました.私はWebpackバンドルアナライザーとソースマップエクスプローラで少し遊びました、そして、すべてのLibsの35 %が反応と反応選択によってとられたことは明らかでした.それから、私はpreactを思い出しました..そして再び再検討することにした.
その仕事は困難よりも怖かった.docsを通過した後、preactへのスイッチ全体がパッケージに追加された.JSON :関連するエイリアシングをWebpackのビルド設定に追加する
利点は何でしょうか
27077152 ' s js束ファイルサイズは20 %減少した
より速いJS(私はそれをベンチマークしていませんでしたが、どちらも遅いと感じませんでした)
最後に、あなたがあなたのJSを最適化することに取り組んでいるならば、そして、あなたは超複雑なセットアップを持っていません.あなたが考えるより簡単かもしれません.
p . s .次のステップは、反応選択をSaaSHubに置き換えます.私はすでに1つの小さなコンポーネントを実装している、それは素晴らしいです.残念ながら、その移行には多くのコード変更が必要になります.
非常により小さい(JS束サイズ)
私はsaashubのページロード速度を最適化することに取り組んでいました.私はWebpackバンドルアナライザーとソースマップエクスプローラで少し遊びました、そして、すべてのLibsの35 %が反応と反応選択によってとられたことは明らかでした.それから、私はpreactを思い出しました..そして再び再検討することにした.
その仕事は困難よりも怖かった.docsを通過した後、preactへのスイッチ全体がパッケージに追加された.JSON :関連するエイリアシングをWebpackのビルド設定に追加する
environment.config.resolve.alias = {
"react": "preact/compat",
"react-dom/test-utils": "preact/test-utils",
"react-dom": "preact/compat",
// Must be below test-utils
}
module.exports = environment
そして、アプリケーションのどこかで「preact/debug」をインポートするimport 'preact/debug'
それで全部.簡単です.すべてのコードの別の行に触れることなく動作します.もちろん、プロセスは、より洗練されたコードでWebアプリのためにより複雑になるかもしれません.利点は何でしょうか
27077152 ' s js束ファイルサイズは20 %減少した
より速いJS(私はそれをベンチマークしていませんでしたが、どちらも遅いと感じませんでした)
最後に、あなたがあなたのJSを最適化することに取り組んでいるならば、そして、あなたは超複雑なセットアップを持っていません.あなたが考えるより簡単かもしれません.
p . s .次のステップは、反応選択をSaaSHubに置き換えます.私はすでに1つの小さなコンポーネントを実装している、それは素晴らしいです.残念ながら、その移行には多くのコード変更が必要になります.
Reference
この問題について(反応をpreactと置き換えるそれは簡単で価値があった.), 我々は、より多くの情報をここで見つけました https://dev.to/saashub/replacing-react-with-preact-it-was-easy-and-worth-it-1fb0テキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。
Collection and Share based on the CC Protocol