"react-next-tilt" and "react-flip-tilt" NPM Packages

1

Vitest

The most popular library for testing React components is the React Testing Library and I started learning it. Because I was using Vite.js for development, I had to set up and use Vitest instead of Jest which I did without much trouble since Vitest is made on top of Jest and has a similar syntax.

#Dev Ops #Build, Test, Deploy #Testing Frameworks 41 social mentions

2

Vite

The most popular library for testing React components is the React Testing Library and I started learning it. Because I was using Vite.js for development, I had to set up and use Vitest instead of Jest which I did without much trouble since Vitest is made on top of Jest and has a similar syntax.

#Software Development #Web Frameworks #Developer Tools 377 social mentions

3

react-testing-library

The most popular library for testing React components is the React Testing Library and I started learning it. Because I was using Vite.js for development, I had to set up and use Vitest instead of Jest which I did without much trouble since Vitest is made on top of Jest and has a similar syntax.

#Developer Tools #Testing #Automated Testing 113 social mentions

4

Storybook

Storybook was another tool/library on my "to learn" list. It provides an environment where you can render your component in different states and with different props (a story) and preview, test, or play around with it. it's also good for showcasing/documenting different features of a component and the effect of changing individual props on how the component looks and behaves.

#React #React Components #Developer Tools 204 social mentions

5

Playwright

The solution was to use a testing method that actually rendered the component in a browser so I had access to the computed styles. Two of the most used testing libraries for this purpose are Cypress and Selenium. I decided on Cypress (while reading on Reddit that they both suck and we should use playwright instead...) and started learning it.

#Development #Tool #Browser Testing 231 social mentions

6

JSDoc

I was already familiar with JSDoc from writing prop descriptions for my previous NPM packages, but I decided to go all in and provide more/better descriptions. I added the following information for the props of both components:.

#Documentation #Documentation As A Service & Tools #Developer Tools 48 social mentions

7

Jest

I knew Jest from before when I learned it to write the tests for my previous NPM packages. But at this point even though it was on my "to learn" list, I didn't know how to write tests for React components.

#Developer Tools #JavaScript Framework #Javascript Testing Framework 37 social mentions