loadable-components + TypeScriptでSSRとCSRに対応したdynamic importを実現する - 技術探し
react-loadableをSSRで使う場合にハマった所が多かったのでまとめました。 PR 結論と注意点 loadable-components react-loadableからloadable-componentsへ 問題点 書き方 dynamic import Client Renderer Server Renderer 関連記事 PR github.com 結論と注意点 babel-pluginであるloadable-components/babelは必ずしも必要ない つまりbabelを通さなくてもTyepScriptのまま使える moduleを指定しないとcomponentIdが引けずに落ちるので必ず書く必要がある トップレベルにdynamic importしたもののファイル群(e.g. router)をimportしないといけない 起動時に読み込まないといけないため(当たり前
Reactコンポーネントをnpmパッケージとして開発する - Hatena Developer Blog
こんにちは！ブログチームの id:amagitakayosi です。 今回は、業務で書いた小さなReactコンポーネントをnpmパッケージとして分離した話をします。 今回公開するパッケージ 実装方針 なぜnpmパッケージにするのか 他のコンポーネントの影響で壊れることを防げる アドホックな修正の積み重ねで複雑になることを防げる 本体プロジェクトのコードを削減できる デメリット Babelなパッケージのディレクトリ構成 実装 npmの注意点 reactはpeerDependenciesに入れる npm link を用いてローカル開発する場合、npmはpeerDependenciesを解決できない browserify-shimを利用する場合 npm publish 次回予告 追記 今回公開するパッケージ www.npmjs.com 今回は「無限スクロール」のためのReactコンポーネントを作
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
