React
画像ソートとかに使える github.com github.com 検索クエリ javascript drag and drop sort
疑問 異なるchunkA Bそれぞれで、同じモジュール（例えばlodash）をimportしている場合、ビルド後のA Bのサイズはどうなるのか Answer require.ensure System.import bundle-loader どれを用いても結果は変わらず。 A B 双方「200kb」ほどサイズ増加しており…
github.com Feature Code Splitting with System.import() ExtractTextPlugin for bundling CSS 感触 割りと必要最低限なものだけ入っていて、SSRできそう。 gaearon/react-hot-loader は不要かも react-hot-loader自体のバグとかSystem.import()のためにい…
// `ExtractTextPlugin` first applies the "postcss" and "css" loaders // (second argument), then grabs the result CSS and puts it into a // separate file in our build process. This way we actually ship // a single CSS file in production ins…
medium.com file-loader and url-loader support not-emitting-files themselves now, so fake-file-loader and fake-url-loader are deprecated. fake-style-loader can be replaced by using css-loader/locals as explained in fake-style-loader#3. So, …
github.com 概要 Critical CSS を <head></head> の中にサーバ側で展開するためのプラグイン。クライアント側もサーバ側も同じwebpack設定で用いる。 ただのstyle-loaderだとサーバ側は使用できない（DOM操作を伴うのでビルド時にエラーになる）。そのためサーバ側でHTML…
結局問題なのは、CSSとか画像とか動画とか、webpackのrequire() or import に依存したReact Componentが存在するということ。 Server Side Renderingしたい場合、Nodeサーバ側もそれらのリソースを解釈できないとエラーになる。つまり、サーバ側も事前にwebp…
Server Renderingを考えると、server側でもComponent使いまわしたい。 create-react-appでつくった既存のComponentは、Webpackに依存している（CSS Importの部分） それをserver側でも使えるようにするためには、必然的にserver側もcreate-react-appと同じよ…
Dispatcher アプリケーション全体で単一のインスタンスで良いのではないか。ファイル分割の必要は特に無いと思う。 ただしその場合、生きている全てのStoreが全てのdispatch()を拾うので、下記のようにdefault:でいらないイベントはスルーする必要がある。同…
reduxのほうが勢いはあるけど、基本に忠実で分かりやすいのは facebook / flux ではないかと感じている。 tech.connehito.com qiita.com 基本構成 dispatcher --> fluxリポジトリ内に簡易実装あり stores --> flux-utils container --> flux-utils actions -…
サーバ側でチェックするだけで十分かと思ったが、そうでもない？ frontendinsights.com FLUXと絡めた話（AUTH0というサービス） Adding authentication to your React Flux app stormpathというサービス Tutorial: Build a React.js Application with User A…
Code Splitting + Server Side Rendering with react-router and Webpack react + react-router + webpackでのコード分割の方法 → わかった 初期描画前にDBなど非同期操作を行い、その結果を見てデータを返したい場合のサーバ側実装 → わからない さらに、Se…
クライアントJSのエコシステム react + flux + react-router + material-ui + axios + ES6 + babel + webpack + ESLint + Airbnb JavaScript Style Guide Flux Utils facebook社内でreactjsを運用する中で見えてきたベストプラクティスをライブラリ化したも…
React Native — write native apps with React.js - Progville For UI layout and styling there is a cross-platform Flexbox-like layout system and a subset of CSS. To write ReactNative apps you can use JSX or plain JavaScript It turns out React…
react-router rackt/react-router SPAを作る際は必須になりそう。 今回の私のケースでは不要かも。とりあえず記事一覧ページだけでReactを試すから。ページ番号をpropsで親に与えて、それを後述の react-document-title に食わせるだけでOKか。 react-docume…
