Remove articles fixing-duplicate-api-requests
article thumbnail

How To Build Resilient JavaScript UIs

Smashing Magazine

Lots can go wrong: a network request fails, a third-party library breaks, a JavaScript feature is unsupported (assuming JavaScript is even available), a CDN goes down, a user behaves unexpectedly (they double-click a submit button), the list goes on. How To Build Resilient JavaScript UIs. Callum Hart. 2021-08-03T11:00:00+00:00.

Network 145
article thumbnail

It’s A (Front-End Testing) Trap! Six Common Testing Pitfalls And How To Solve Them

Smashing Magazine

In this article, I’ll tell you the pitfalls I’ve run into in my career — some of which were my fault. When developing locally, developers tend to get impatient with tests, especially if someone in your team needs to merge corresponding pull requests. Fortunately, this trap is easy to fix. cy.setInitialState().then(()

Testing 120
Insiders

Sign Up for our Newsletter

This site is protected by reCAPTCHA and the Google Privacy Policy and Terms of Service apply.

Trending Sources

article thumbnail

How To Implement Search Functionality In Your Nuxt App Using Algolia InstantSearch

Smashing Magazine

Creating Our Pages And Articles. Now, let’s create our articles and a blog page to list out our articles. Creating Our First Article. In content/ , which is a folder created automatically for the nuxt/content module, create a new folder articles/ and then a new file in the folder first-blog-post.md.

Media 122
article thumbnail

Let’s Dive Into Cypress For End-to-End Testing

Smashing Magazine

This third kind of testing will be the focus of this article. Explaining this and its advantages and drawbacks would be enough for its own article. Better ways to wait for actions in the test or UI or in the responses from the API. You can also make the test wait for animations and API responses. Large preview ).

Testing 135
article thumbnail

Improving The Performance Of Shopify Themes (Case Study)

Smashing Magazine

Standardizing code shared between themes (remove duplication). jQuery is a way of using CSS-like selectors and developer-friendly syntax for things like animations and Ajax requests. We also realized some ancient code was a mess — we needed to organize the JS to be more modular and remove duplicate code (more on that below).

article thumbnail

Core Web Vitals for Search Engine Optimisation: What Do We Need to Know?

CSS Wizardry

I am available to help you find and fix your site-speed issues through performance audits , training and workshops , consultancy , and more. The latter would contravene their own rules on canonicalisation: Google can only index the canonical URL from a set of duplicate pages. You should get in touch. Optimise heavily for first visits.

article thumbnail

Introducing The Component-Based API

Smashing Magazine

Introducing The Component-Based API. Introducing The Component-Based API. This article was updated on January 31, 2019 to react to readers’ feedback. The author has added custom-querying capabilities to the component-based API and describes how it works. Leonardo Losoviz. 2019-01-21T13:00:21+01:00. Large preview ).