Chromatic で素早い UI レビューサイクルの構築とリグレッションテストでコンポーネントの成立を担保する
- React.js
Chromatic を使って UI レビュー環境を素早く用意し、かつ、リグレッションテストにてコンポーネントが成立することを担保していきます。
Chromatic を使って UI レビュー環境を素早く用意し、かつ、リグレッションテストにてコンポーネントが成立することを担保していきます。
React を使ってみたいと思っていたところ友人のフロントエンドエンジニアに Next.js のチュートリアルが良いと薦めていただいたので試してみたが、その体験がとても良かったので記録に残します。
Nuxt.js(ナクスト)は、Vue.jsアプリケーションを構築する為のフレームワークです。Nuxt.jsをでの開発環境を構築するにあたり、2つのインストール(プロジェクト作成)方法を見ていきます。
プリレンダリングを用いてVue.js+Vue Routerで構築したSPAを事前描画した状態でビルドします。ところで「プリレンダリング」とは何でしょうか?なぜプリレンダリングが必要で、いつプリレンダリングが使えるのか、そこも交えて解説します。
Vue.jsでSPA(シングルページアプリケーション)を開発する際にVueRouterを利用する事で、HTML5 History APIを用いたHistory管理と、SPAでありながら画面切り替えの挙動を持つ事が出来ます。そんなVueRouterの基本的なルーティングパターンを見ていきます。
Vue.jsでSPAを開発していくにあたりURL履歴イベントをブラウザ内に構築する為のVueRouterというライブラリが提供されています。今回はVueRouterを用いたVue.jsアプリケーション開発の基本(ルーティングなど)を見ていきます。