jest-preview
frontend-tools
Our great sponsors
| jest-preview | frontend-tools | |
|---|---|---|
| 3 | 1 | |
| 2,295 | 4 | |
| - | - | |
| 1.5 | 0.0 | |
| 4 months ago | about 1 year ago | |
| TypeScript | TypeScript | |
| MIT License | - |
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
jest-preview
-
A guide to visual debugging with Vitest Preview
Vitest Preview helps you to write and debug tests faster by allowing you to visualize your test in a browser. If you are familiar with Jest, you know that the Jest community has a similar debugging tool, Jest Preview, created by the same developer, Hung Viet Nguyen. To learn more about testing with Jest, check out our video guide here.
-
Hot tip - Use snapshots in React Testing Library to debug faster
Nice suggestion! Another tool I recently found, jest-preview, has really decreased my time debugging tests. It only takes a few lines to try it out, definitely worth a look.
-
Angular CLI example for Jest Preview - the visual debugger for Jest
The Angular CLI guide for Jest Preview refers to the common installation and usage instructions while describing Angular-specific configuration and usage instructions.
frontend-tools
-
Created Frontend Tools Showcase site with Next.js & Contentful
$ git clone https://github.com/koji/frontend-tools.git $ cd frontend-tools # yarn or npm for installing packages $ yarn $ npm i / npm install # yarn or npm for running dev server $ yarn dev $ npm run dev
What are some alternatives?
crusher - Fast all-in-one testing framework 🏟️ built on Playwright + low-code approach [Moved to: https://github.com/crusher-dev/crusher]
rwa-faunadb-reaflow-nextjs-magic - Real-world app example - Real-time Editor, using FaunaDB (realtime stream), Reaflow (graph editor), Next.js framework and a bit of Magic (auth)!
github-issue-viewer - A Github issue viewer apps
hacker-news-client - Clone of Hacker News with modern design
vitest-preview-demo - Vitest Preview Demo
tinacms-contentful - Edit your Contentful Site with TinaCMS
storybook - Storybook is a frontend workshop for building UI components and pages in isolation. Made for UI development, testing, and documentation.
react-tree - Hierarchical tree component for React in Typescript
crusher - 🧙♀️ Fast low-code testing framework ⏱️ Create test in <60 secs
fronts - A progressive micro frontends framework for building Web applications
packages - 💎 Monorepository for Stylify packages. Stylify uses CSS-like selectors to generate Extremely optimized utility-first CSS dynamically based on what you write 💎.
Noisekun - :headphones: Web page for listen combinations of sounds for relax, sleep, or getting more productive on tasks.