kikiki-kikiのブックマーク / 2021年2月17日

kikiki-kiki id:kikiki-kiki

2021年2月17日のブックマーク (2件)

CSS aspect-ratioプロパティの使い方、レスポンシブやレイアウトシフトで大活躍
先月アップデートされたChrome 88でaspect-ratioプロパティがサポートされ、FirefoxとSafariでもまもなくサポートされる予定となっています。名前の通り、アスペクト比を定義できるCSSのプロパティですが、Webページやスマホアプリで実際にどのように使用すると便利なのか、その使い方を紹介します。 New aspect-ratio CSS property supported in Chromium, Safari Techno logy Preview, and Firefox Nightly by Una Kravets 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。アスペクト比とは object-fitプロパティ古いハック: padding-topでアスペクト比を保つ aspect-ratioでアス
kikiki-kiki 2021/02/17
css
リンク
Reactのユニットテスト2021
React でユニットテストをするときのベストプラクティスはいつも悩むのですが、とりあえず 2021 年 2 月時点では、こうかなーというのをまとめてみます。まずテストランナーは jest で確定です。ここで悩む要素はまずありません。では、React のテストをどうやるか？です。公式の react-dom/test-utils を使う公式の react-test-renderer を使う @testing-library/react を使う選択肢としてはこの三種類が有名なところでしょう。公式という響きはとても魅力的ですが、実は公式ドキュメントから「ボイラープレートを減らすため、エンドユーザが使うのと同じ形でコンポーネントを使ってテストが記述できるように設計されている、React Testing Library の利用をお勧めします。」という形で、@testing-library
kikiki-kiki 2021/02/17
react

javascript

unit test
リンク
- 2021年2月24日
- 2021年2月17日
- 2021年2月12日