はてなブックマーク

styled-componentsとCSS-Grid組み合わせるとなんかいろいろ出来るぞ！みたいな事に気付いて、meguro.cssの枠に空きがあったので「ここで話すしかない！」みたいな感じで参加しました。前回はゴリッとJSなdart-sassの話をしてしまったのですが、今回はかなり趣旨に使い話ができた気がします。 ちょっと前から「もうちょっとUI（UXではなくあくまでUI）についてもう少し素振りしたいなー」みたいなことを思っててDaily UIをCollect UI 見たりしながらチマチマやっていた所でいろいろ脱線したのが今回の産物になります（電卓とかの例はまさにそれです） 元がデザイン素振りのためのものだったりするので、パフォーマンスだったりブラウザ依存とかは考慮してない夢の世界の話ですが、一部は真面目に使えるケースもあるんじゃないか？と思ったりもしています。 画的に地味ですが、タイム

デモとソースはこちら Demo https://dart-sass-bootstrap-demo.netlify.com/ (その3) Source https://github.com/terrierscript/dartystrap/ Soruce (parcel-plugin) https://github.com/terrierscript/parcel-plugin-darty その1だけの簡素版もあったので貼っておく（こっちの方がさっくり動いている感がある） https://dart-sass-browser-sample.netlify.com/ https://github.com/terrierscript/dart-sass-browser ソースはアレな具合なところ多いがご勘弁願いたい。 本当は元々Bootstrap4のカスタムビルド的な話をしようと思って練っていたら

先日、reduxのメンテナであるMark EriksonさんがBlogged Answers: Redux — Not Dead Yet! という記事を書いていて「はーなんだろうなー」と流し読みしていた。 そんな折、React 16.3 がリリースされ、Context APIが刷新されたのを見て、「あ、これは確かに向き合い方ちょっと変わるかも」というのを思ったのでまとめてみる。 Redux — Not Dead Yet!を要約する元記事をざっくり要約してみるとこんな感じ Reduxはどこにも行かないよ。メンテしていくし、役割もあるよContext APIによってReduxを置き換えられるパターンはありえるよ。ただその場合、最初からReduxいらなかった可能性あるよGraphQLがReduxを置き換えることはあるかも。でもReduxのほうがハマるパターンもあるよ最近Dan Abramovさん

TL;DRloadable-components is 良い。 まえがきdynamic importを使ったcode splitngをする際、Reactだとラッパー的なものを実装しないといけなくて若干面倒がある。 ライブラリも存在しているのだが、reactの公式で紹介されているreact-loadableはissueが受け付けられてない状況になっていたりするのであんまり使いたくないなーと感じていた。 react-async-component / react-code-splittingもあったが、どちらも導入するほどの気持ちにならなかったので、だいたい自前になっていた。 「みんなどう思ってるんだろうなー」と何気なくissueをあさっていた所、loadable-componentsを見つけた。smooth-codeという会社が作っているらしい。 https://github.com/rea