A deep dive into Testing Library's .toBeVisible() and .toBeInTheDocument() matchers, exploring their differences, use cases, and best practices
Discover how The Epic Programming Principles can transform your web development decision-making, boost your career, and help you build better software.
Explore how JSDOM's browser simulation works, and learn front-end testing approaches using Vitest Browser Mode for direct browser testing and native APIs
Dive into the world of screen reader testing and discover why relying on a single tool isn't enough. Create genuinely accessible web apps that work for everyone
Understand the key differences between mock state management methods: mockClear(), mockReset(), and mockRestore(). Write clean test states.
There can be a lot of confusion and doubt when it comes to writing tests. Answering this simple question may help clear a lot of it out.
Learn how to test time-dependent side effects that should not happen. Avoid false positives by using inverse assertions.
Learn how to improve keyboard accessibility in web apps, ensuring an inclusive experience for all users, including those using assistive technologies.
Master converting Figma designs to Tailwind CSS with near "pixel perfection". Learn HTML structure, design tokens, layouts, responsive design, and animations.
Explore how Tailwind CSS fosters collaboration between developers and designers, enhancing UI design skills with utility classes and shared principles.
Flaky tests undermine trust. Use the S.M.A.R.T. framework: Skip, Mitigate, Assess, Rewrite, Throw away, to manage and fix them effectively.
Learn automated testing essentials: prepare code, execute actions, verify outcomes. Discover the importance of mocking and setting proper test boundaries.
You may be babysitting JavaScript syntax. It's annoying and you don't have to. Fix your formatter!
Learn what testability means, how it relates to code complexity, and why it's essential for effective testing.
When dealing with APIs, SDKs can lead to cognitive overhead and complexity. Make sure the SDK is worth the trade-offs.
How web devs can tackle high latency networks and enhance UX and the role React Server Components plays in this.
TypeScript elevates JavaScript with static typing, offering scalable, maintainable code despite initial challenges.
Supersets like TypeScript enhance languages with benefits like error detection, code consistency, scalability, and improved tooling for devs.
Have a better understanding about the explicit and implicit assertions now, and perhaps even have a test or two in mind to improve.
Dive into the contentious world of code coverage. Learn its nuances, pitfalls, and practical applications for modern web app testing
Explore the analogy between learning human anatomy and writing code tests, emphasizing a universal three-step structure: Setup, Action, and Assertion.
Learn about The Golden Rule of Assertions that helps pinpoint good tests from bad ones.
Discover the true essence of automated testing and the difference between an implementation and intention.
Streamline web choices, build top-notch apps efficiently.
Learn how to use modern tools that offer the best user and developer experience for web forms.
Introducing an opinionated project starter that enables web development teams to ship their ideas to production more efficiently.
There’s this pattern I’ve been using in my apps that has been really helpful to me and I’d like to share it with you all.
The main thing that makes end-to-end type safety difficult is simple: boundaries. The secret to fully typed web apps is typing the boundaries.
Web is made up of technologies that got started over 25 years ago. Now, we are transitioning to a new and improved architecture for building web applications.