はてなブックマーク

最近 React + Redux でSPAをやっていて、パフォーマンスとかいろいろ問題が出てきています。 試行錯誤を繰り返す中、チームメンバーが "Getting Out of JavaScript Fatigue - React Edition" というブログ記事を紹介してくれました。 Reading Hacker News comments on JavaScript frontend articles is a depressing task these days. The majority is complaining: Tooling too complex, bundling too complex, Too many different frameworks, best practices change too quickly. 出だしから「最近 Hacker News でフ

Redux と共に redux-simple-router を使おうと思っているので、react-router をおさらいするためにサンプルコードをざっと読んでみました。 以下、読んだときのメモ。 Active Links <Link> の activeStyle アトリビュートでリンクがアクティブなときのスタイルを定義できる。 Animations URL遷移をする際に componentWillReceiveProps が呼び出されて遷移先のパスが取得できるということは理解した。 あと ...props は使いどころによっては便利だと思いました。 Auth Flow <Route> の onEnter にコールバックを渡しておくと、そのパスが有効になった際にそいつが呼ばれるようだ。 サンプルではそのコールバック内で未ログイン時にログインコンポーネントを描画するURLに遷移させている。