[B! dom][react] Itisangoのブックマーク

Itisango id:Itisango

domとreactに関するItisangoのブックマーク (3)

Reactのユニットテスト2021
React でユニットテストをするときのベストプラクティスはいつも悩むのですが、とりあえず 2021 年 2 月時点では、こうかなーというのをまとめてみます。まずテストランナーは jest で確定です。ここで悩む要素はまずありません。では、React のテストをどうやるか？です。公式の react-dom/test-utils を使う公式の react-test-renderer を使う @testing-library/react を使う選択肢としてはこの三種類が有名なところでしょう。公式という響きはとても魅力的ですが、実は公式ドキュメントから「ボイラープレートを減らすため、エンドユーザが使うのと同じ形でコンポーネントを使ってテストが記述できるように設計されている、React Testing Library の利用をお勧めします。」という形で、@testing-library
Itisango 2022/01/16
2021.02.11“公式という響きはとても魅力的ですが、実は公式ドキュメントから…「…React Testing Library の利用をお勧めします。」という形で、@testing-library/react が推奨されてもいます。”“@testing-library/react 一択かなー”

あとで読む

javascript

test

react

テスト

TDD

library

DOM

Web

frontend
リンク
Introduction | Testing Library
Itisango 2022/01/16
“The @testing-library family of packages helps you test UI components in a user-centric way.The more your tests resemble the way your software is used, the more confidence they can give you.”

あとで読む

JavaScript

test

library

React

Vue

Angular

Cypress

DOM

JSDOM
リンク
Learn | Next.js
SetupFirst, let’s make sure that your development environment is ready. If you don’t have Node.js installed, install it from here. You’ll need Node.js version 18 or higher.You’ll be using your own text editor and terminal app for this tutorial.If you are on Windows, we recommend downloading Git for Windows and use Git Bash that comes with it, which supports the UNIX-specific commands in this tutor
Itisango 2021/08/31
“First, let’s make sure that your development environment is ready.If you don’t have Node.js installed, install it from here. You’ll need Node.js version 10.13 or later.You’ll be using your own text editor and terminal app for this tutorial.”

あとで読む

Next

javascript

React

server

framework

tutorial

document

DOM

setup
リンク
1