babel-polyfill / babel-runtime の代わりにcore-jsを直接使うのはアリかナシか - Qiita
babel-polyfillとbabel-runtimeの使い分けに迷ったので調べた の続編・追加調査。 使い分け的なのわかったものの、未だにどうにも困りごとが多いので、更に深掘りしてみた。 それぞれのおさらい & 困りごと polyfillのページで改めておさらいしつつ、それぞれの困りごとを書いてみる babel-polyfill core-jsとregenerator-runtimeを読み込んでいる polyfillとして、windowグローバルを拡張する仕組み 困りごと 複数ファイルからロードするとthrow errorされてしまうので、うっかりしてるとハマるので気を使う 上記のような問題のため、ブラウザの場合は、別途dist/polyfill.jsなど、別管理してを読み込む。 require('babel-polyfill')の様にコードベース上から読み込むことは推奨されてない。
Storybook + StoryShotsでReactをスタイルガイド運用、CIしていく知見 - Qiita
2016/10/07追記：StorybookとStoryShotsについて説明してくれている記事が出てきたため、こちらの記事はもう少し深入りした部分にフォーカスするように（install関連のとこなどを主にばっさり削除）しました React Storybook で変わるUI開発フロー (Redux Flavor) Storybookとは Reactのためのスタイルガイドジェネレータ。 基本的な所は結構先人が記事を残してくれている。 特に今回この記事ではstoriesそのものの記載については言及しないので、そこらへんは下記の記事などを参考にするのが良いだろう react-storybookを用いたReactコンポーネント開発 React Storybook入門：コンポーネントカタログがさくさく作れちゃうかもしれないオシャレサンドボックス環境 だいぶ手に馴染んできてたので、自分がよく使う部分中
大幅変更されそうな react-router @ next (v4) 覗き見メモ - Qiita
2016/09/15 現在の情報。 出たばっかりなので今後変わる可能性大。 今まで個人的にはreact上のroutingはあんま使って来てなかったので、あんまりちゃんとした比較はできてない 死んだと言われたり復活したと言われたり、必要ないよ！と言われたりと不安定感すごかったので見送ってた。 あんまり好きじゃなかったし、そこ飲んでまで使うほどの要件も無かった v4のドキュメントのページ見たら可能性感じたのでとりあえず眺め回してみることにした。 twitter上からも歓喜の声が聞こえてくる ドキュメントのサンプルは素晴らしいのだが、APIやQuickStartは、何故かスクロールが変な感じなので、githubを直接見るほうが良いかもしれない https://github.com/ReactTraining/react-router/tree/v4/website 現行のstableは2、3はa
browserify/webpack のbundle結果にES2015がうっかり紛れ込んじゃう問題に対処する - Qiita
先日やらかしたので、その問題と対処 問題について 何が起きたか？ browserifyでbundleしたファイル結果にES2015でのみ動く記述（constやarrow function）が混ざって動かなくなった。 結合しているファイルがParse Errorによりごっそり全部動かない事態に。 babelifyも組み合わせていたが、node_modules以下はtranspile対処ではないので、変換されなかった（2016/08/10追記) なぜ起きたか？ browser対応してないパッケージを利用してしまっていた 依存するパッケージのソースが、ES2015で書かれていた NodeJSは既にES2015で問題なく書ける パッケージ提供側は全く悪くない。利用者側（＝自分）のミス 同じ機能を持つブラウザ向けのパッケージがあるのを見逃していた なぜすぐ発見が出来なかったのか？ chromeなどで
project毎のnpmコマンドをいい感じにするnpmrc & config達 - Qiita
npmrcのドキュメントを読みなおしていたら、.npmrcは/path/to/my/project/.npmrcのようにプロジェクト毎に配置することが出来る事に気づいて、ちょっと使ってみたら便利だった。 globalやhomeディレクトリへの設定を前提としたnpm configの記事は結構あるが、プロジェクト毎でnpm-configについて書かれている記事があんまり無かったのでまとめてみる。 npm-configの何が良いのか？ project毎に出来ると何が良いのか？ npm-configの設定をすると、色々コマンドを省略出来たりして良い事がある。 (参考:2016年版 Node.jsで幸せになれる10の習慣) npmrcやnpm-configは、個人開発用であれば、$HOME/.npmrcへの設定だったりnpm config setでの設定で十分。 また、npm registryに登録
hyperterm読コード感想文 - Qiita
hyperなterm。 plugin作りたくて色々中身見たり、そもそもどうなってんのみたいな興味本位で読み解いたらreduxの使い方とかちょいちょい面白かったので感想とか雑感 コードはversion 0.6 ~ 7.1らへん。 https://github.com/zeit/hyperterm/tree/v0.7.1 全体感 Coreな所 Electron おなじみ hterm chromiumのプロダクトの一つ（？） コードはこのあたり あんまりこっちは追ってない Electronの中で使われてる技術要素 React + Redux CSS in JS ビルドにwebpack プロジェクト構成など / (root) webpackで管理している部分 libに関連するpackageはroot管理 /lib hypertermの本体部分。 React + Reduxなプロダクト plugin
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
[archived] ReduxのFAQを読み直す - Qiita![[archived] ReduxのFAQを読み直す - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/9cecdcd708b5f1a1aa30e8bda46680db96e4a76a/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Farticle-ogp-background-1150d8b18a7c15795b701a55ae908f94.png%3Fixlib%3Drb-4.0.0%26w%3D1200%26mark%3Dhttps%253A%252F%252Fqiita-user-contents.imgix.net%252F~text%253Fixlib%253Drb-4.0.0%2526w%253D840%2526h%253D380%2526txt%253D%25255Barchived%25255D%252520Redux%2525E3%252581%2525AEFAQ%2525E3%252582%252592%2525E8%2525AA%2525AD%2525E3%252581%2525BF%2525E7%25259B%2525B4%2525E3%252581%252599%2526txt-color%253D%252523333%2526txt-font%253DHiragino%252520Sans%252520W6%2526txt-size%253D54%2526txt-clip%253Dellipsis%2526txt-align%253Dcenter%25252Cmiddle%2526s%253Dd1baaa3909e6cb9b02d85abb1e1f516d%26mark-align%3Dcenter%252Cmiddle%26blend%3Dhttps%253A%252F%252Fqiita-user-contents.imgix.net%252F~text%253Fixlib%253Drb-4.0.0%2526w%253D840%2526h%253D500%2526txt%253D%252540terrierscript%2526txt-color%253D%252523333%2526txt-font%253DHiragino%252520Sans%252520W6%2526txt-size%253D45%2526txt-align%253Dright%25252Cbottom%2526s%253Ded893b7eabdaa75da91d28680de5bf50%26blend-align%3Dcenter%252Cmiddle%26blend-mode%3Dnormal%26s%3Df5a6c1ac9dd5d9d955e5c24ed444a900)