[B! babel][react.js] cyber_snufkinのブックマーク

cyber_snufkin id:cyber_snufkin

babelとreact.jsに関するcyber_snufkinのブックマーク (2)

React 環境設定(ほぼwebpackの設定)[React 16, Webpack4, babel] - Qiita
React 環境設定(ほぼwebpackの設定)[React 16, Webpack4, babel]JavaScriptNode.jswebpack Reactbabel 普段はReactNativeやRailsのコードを書いていますが、サーバーサイドのNodeは扱っていないため、勉強のため構築した環境のメモを記載しておきます。主にwebpackの設定を中心に、調べた限り書いていきます。また、今回のは最低限の設定です。HMRの設定やLintの設定などはありませんのでご了承ください。その辺りはまたの機会で記事にしようと思います。
cyber_snufkin 2018/06/11
webpack

Node

babel

react.js
リンク
WebpackしたReactコンポーネントを非同期に読み込む - Qiita
サンプルコード webpackしたコンポーネントを非同期でレンダリングする(Code Spliting) 参考：Code Splitting for React Router with Webpack and HMR プロジェクトが大きくなってくるとwebpack.jsでコンパイルしたbundle.jsが肥大化します。 bundle.jsが肥大化するとbundle.jsの読み込みに時間がかかってしまい、初回のページの表示が遅くなります（SPAの欠点）そこでAsyncComponentを作成して、非同期リソース読み込みを行います。 import React from 'react' // 遅延レンダリングを行うコンポーネント export default (loader, collection) => ( class AsyncComponent extends React.Compone
cyber_snufkin 2018/02/19
react.js

React

JavaScript

babel
リンク
1

お知らせ

もっと読む

公式Twitter

@HatenaBookmark
リリース、障害情報などのサービスのお知らせ
@hatebu
最新の人気エントリーの配信

キーボードショートカット一覧

j次のブックマーク

k前のブックマーク

lあとで読む

eコメント一覧を開く

oページを開く

設定を変更しましたx