Testing React portals
Testing React components that use portals can be difficult until you understand what you really need to be testing.
Code Articles
30 seconds of code contains a curated collection of code articles covering a wide range of development needs. The collection spans many topics, ranging from simple coding problems to theoretical concepts and development techniques.
-
React · -
CSS · Select any link with CSS
You can use a CSS pseudo-class selector to style all links in a page, without worrying if they have been visited or not.
-
JavaScript · What are the differences between Maps and objects in JavaScript?
Maps and objects are very similar, but they have some differences that can help you decide which one better fits your use-case.
-
JavaScript · What is the difference between static and instance methods?
Static and instance methods are pretty easy to distinguish and serve different purposes. Learn all about them in this article.
-
JavaScript · What is recursion and when is it useful?
Recursion is a very important programming concept all developers should be familiar with.
-
Web development · A beginner's guide to DNS records
DNS records may not be something you work with frequently, but having a basic understanding can be highly beneficial.
-
JavaScript · What is a pure function?
Pure functions are a very important concept to know, especially if you're interested in functional programming.
-
JavaScript · What is the only value not equal to itself in JavaScript?
Did you know there's a JavaScript value that's not equal to itself?
-
JavaScript · Is JavaScript pass-by-value or pass-by-reference?
How JavaScript handles passing data is a source of confusion and bugs for many developers, especially when it comes to object types.
-
JavaScript · What does 'use strict' do and what are some of the key benefits to using it?
JavaScript's strict mode can make your code faster, cleaner and more secure.
-
JavaScript · How does JavaScript's prototypal inheritance differ from classical inheritance?
Understanding the difference between these two object-oriented programming paradigms is key to taking your skills to the next level.
-
JavaScript · What is the difference between synchronous and asynchronous code in JavaScript?
Understanding the differences between synchronous and asynchronous code is a crucial piece of knowledge for every web developer.
-
React · Testing React components that update asynchronously with React Testing Library
Testing React components that update asynchronously is pretty common. Learn how to deal with common issues and speed up your testing.
-
JavaScript · Understanding higher-order functions in JavaScript
Learn everything you need to know about higher-order functions with this short guide and level up your programming skills.
-
CSS · What are CSS pseudo-classes?
Learn how to use CSS pseudo-classes to style an element based on changes to its state.
-
React · Testing Redux-connected components with React Testing Library
Testing Redux-connected components is pretty common. Learn how to use this simple utility function to speed up your testing.
-
React · React conditional className, empty strings and null
In React components, you might need to conditionally apply a
className. Learn how to handle empty values correctly using this handy tip. -
JavaScript · Replacing JavaScript switch statement with object literals
JavaScript's
switchstatement often feels hard to remember and a little bit out of place. Maybe it's time to use object literals, instead. -
CSS · Typographic scale basics
Typography might seem intimidating, but you can quickly and easily create a simple typographic scale with this basic technique.
-
React · Label your useState values in React developer tools
Multiple
useStatehooks in React can complicate things while debugging. Luckily, there's an easy way to label these values. -
JavaScript · What is the difference between an expression and a statement in JavaScript?
JavaScript distinguishes expressions and statements. Learn their differences in this short article.
-
React · Breaking React - a common pattern to avoid
As powerful as React is, it is also quite fragile at places. Did you know that a few lines can easily break your entire React application?
-
JavaScript · What is the difference between prefix and postfix operators?
While both the prefix and postfix operators increment a value, the resulting value of the expression is very different.
-
JavaScript · What are promises in JavaScript? In which states can a promise be?
JavaScript's promises represent the eventual completion (or failure) of asynchronous operations and their resulting value.