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

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

How We Improved SmashingMag Performance

Smashing Magazine

We were designing and building things, setting up new products, refactoring the components, and publishing articles. We had to fix that. Back in 2017 we built the entire site with Preact, but then have moved to React in 2019 — and use it along with a few APIs for search, comments, authentication and checkout.

article thumbnail

Front-End Performance Checklist 2021

Smashing Magazine

In many organizations, front-end developers know exactly what common underlying problems are and what strategies should be used to fix them. Note : If you use Page Speed Insights or Page Speed Insights API (no, it isn’t deprecated!), Quantity-based metrics measure the number of requests, weight and a performance score.

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 ).