Articles by Smashing Magazine from June 2020

Notifications have become a stable part of the web nowadays. Its not uncommon to come across sites asking for permission to send notifications to your browser. Most modern web browsers implement the p...

With one or two occasional exceptions, Ive spent the past twenty-two years designing for countless clients. A few of these projects lasted a year, some several months, but the majority for no more tha...

Django websites involve a lot of files. Its not just source code for the configuration, models, views, and templates, but also static assets: CSS and JavaScript, images, icons. As if that wasnt enough...

In this article, Im going to introduce you to a React testing tool named Jest, along with the popular library Enzyme, which is designed to test React components. Ill introduce you to Jest testing tech...

In this article, Im going to introduce you to a React testing tool named Jest, along with the popular library Enzyme, which is designed to test React components. Ill introduce you to Jest testing tech...

As much as Ive always loved the experience of going out to eat and ordering in takeout, its very rare that I enjoy visiting a restaurants website. But I get it. The restaurant industry tends to run on...

SWR is a lightweight library created by Vercel (formerly ZEIT) that allows fetching, caching, or refetching data in realtime using React Hooks. Its built with React Suspense which lets your components...

The entire Smashing team has been doing its very best to bring you live sessions with real experts — people with practical experience who love to share what they have learned throughout their ca...

Theres no escaping the ancient masters. Their shadows loom large over philosophy, literature, architecture, warfare, and web design? Believe it or not, yes. Although Plato infamously omitted CSS Grid ...

Ive seen a lot of confusion online regarding Web development with Flutter and, often, its sadly for the wrong reasons.Specifically, people sometimes confuse it with the older Web-based mobile (and des...

One of my favorite quotes about software testing is from the Flutter documentation. It says:How can you ensure that your app continues to work as you add more features or change existing functionality...

As a React developer, you should be already familiar with the principle that state should not be mutated directly. You might be wondering what that means (most of us had that confusion when we started...

In this episode of the Smashing Podcast, were talking about learning React. Whats React like to work with, and how can experienced developers get started? I spoke to Mina Markham to find out.Show Note...

With us all suddenly working from home in the COVID era, most of us have had to make some quick choices from a huge variety of video conferencing and collaboration tools. But do all of these apps work...

Building applications for people from different parts of the world comes with challenges like support for multiple locales and how to integrate it into your application. I remember the first time I fa...

If you are going to build a facial recognition web app, this article will introduce you to an easy way of integrating such. In this article, we will take a look at the Face Detection model and Predict...

Mirage JS was built to give frontend developers the ability to simulate actual backend API calls. So far, we have seen how we can create records with Mirage, intercept API requests via route handlers ...

Stress is a nasty thing and many of us deal with it on a regular basis. Our jobs, school, homes, relationships, and even things going on around the world can trigger feelings of panic, unease, and dep...

The JAMstack has proven itself to be one of the top ways of producing content-driven sites, but its also a great place to house applications, as well. If youve been using the JAMstack for your perform...

An experienced interviewer takes care of many things: builds hypotheses, selects interviewees, composes invitations, schedules appointments, sets the stage, and, of course, writes an interview script....

Higher-order components (HOCs) in React were inspired by higher-order functions in JavaScript. A HOC is an advanced technique for reusing logic in React components. It is a pattern created out of Reac...

This is the second of two articles on the topic of how digital accessibility is informed by equivalency. Previously, we have learned about the underlying biases that inform digital product creation, w...

Contributing to positive change is difficult, but its the right pursuit, no matter how much effort it takes. For years here at Smashing, weve been working with our dear authors and speakers, as well a...

Most of us are reasonably comfortable with the idea of carrying out usability testing on a website or prototype. We dont always get the opportunity, but most people accept that it is a good idea.Howev...

Consuming REST APIs in a React Application can be done in various ways, but in this tutorial, we will be discussing how we can consume REST APIs using two of the most popular methods known as Axios (a...

Youve been there before, havent you? Perhaps your manager insists on using a dark pattern to trick customers into buying. Or an A/B test has just shown that an annoying pop-up does increase sign-ups. ...

In this episode of the Smashing Podcast, were taking a look at whats new in Drupal 9. What are the major upcoming changes to this nearly 20-year-old open-source project? Drew McLellan talks to Drupal ...

In this article, well look at error boundaries in React. Well learn what they are and how to use them to deliver a better user experience, even when something breaks in our app. Well also learn how to...

Theres an artist in everyone. Some bring their creative ideas to life with digital tools, others capture the perfect moment with a camera or love to grab pen and paper to create little doodles or piec...