Skip to main content Jump to list of all articles

Continue reading ↬

The Smashing Cat exploring new insights, at Smashing Workshops, of course. Online Workshops

Boost your skills live, with our front-end & UX workshops.

Soon: Building a Design System with Andy Bell and Form Design Masterclass with Adam Silver.

Jump to all workshops ↬ 2.5h live sessions, with video recordings and Q&A.

See All Latest Articles

Latest Posts

Read more

Reactive Variables In GraphQL Apollo Client

by Daniel Don

Reactive variables work with GraphQL Apollo and offer you the same functionality with Redux or Context API without the complexity or extra layers that come with these other tools. A reactive variable in GraphQL Apollo is easy to use and doesn’t have as much setup process compared to Redux.

Read more

Playfulness In Code: Supercharge Your Learning By Having Fun

by Jhey Tompkins

In the product-focused world of development, it can be easy to forget the joy of making for the sake of making. By dropping the ‘Why’ and ‘How’, and focusing instead on the ‘What’ of weird, wonderful ideas, you can nurture a totally different side to your skill sets.

Read more
The Smashing Cat exploring new insights, at Smashing Workshops, of course.

Join 1,699 Smashing Members

A friendly community for people who design and build the web. With books, workshops, goodies and early-birds — for just 1 coffee a month. Take a look around.

Join the community ↬ Already have an account? Sign in!

Read more

A Comparison Of async/await Versus then/catch

by Bret Cameron

In JavaScript, there are two main ways to handle asynchronous code: then/catch (ES6) and async/await (ES7). These syntaxes give us the same underlying functionality, but they affect readability and scope in different ways. In this article, we’ll see how one syntax lends itself to maintainable code, while the other puts us on the road to callback hell!

Read more

What A Time To Be Smashing!

by Iris Lješnjanin

With so much going on, it’s nice to have an overview of what’s new at Smashing — all in one place. Read on to find out what’s been keeping the team busy alongside some inspiring community resources that have made it to the top list of our newsletters!

Read more

A Thoughtful Way To Use React’s useRef() Hook

by Aleem Isiaka

In a React component, useState and useReducer can cause your component to re-render each time there is a call to the update functions. In this article, you will find out how to use the useRef() hook to keep track of variables without causing re-renders, and how to enforce the re-rendering of React Components.

Read more
Read more
Read more
June 2020 • Shipping Now

Meet “Click!”: Encourage Clicks
Without Shady Tricks

Our new book on how to boost business KPIs, build trust and address doubts effectively — without alienating people along the way. By Paul Boag.

Jump to table of contents → The Smashing Cat peeking behind the book.

Our Guides

A Smashing Guide to JavaScript & Frameworks

React, Vue, or perhaps the lightweight Alpine.js? Whether you are an experienced JavaScript developer working with one of these frameworks, or just starting to learn, our authors have created some tutorials for you.

Explore JavaScript & Frameworks

A Smashing Guide to CSS Layout

CSS Layout has been transformed over the past years. We have you covered with all you need to master this new world. If you want to understand the technical details, or learn how to use new CSS creatively, these guides can help.

Explore CSS Layout

A Smashing Guide to Web Performance

Ensuring your site loads quickly is important. The subject touches almost every part of web design and development, from your choice of images to the performance of your web server. In this guide we bring together information that can help you build a fast site, and keep it fast.

Explore Performance
Smashing Email Newsletter

Email Newsletter

Every Tuesday, we send an email newsletter with useful techniques on front-end & UX. Subscribe and get a freebie: Smart Interface Design Checklists PDF — right in your inbox. 🔮

Front-end, UX and design. 1× a week.
You can always unsubscribe with just 1 click.
Featured Smashing Book

Design Systems

Meet Design Systems, a recent Smashing book in which Alla Kholmatova explores how to set up an effective design system to create great digital products. With common traps, gotchas and lessons learned.

Jump to table of contents ↬
Design Systems, a new Smashing book

Community Links

Person Of The Week

Eric Bailey is a Boston-based designer working at thoughtbot who is passionate about creating straightforward solutions that address a person’s practical, physical, cognitive, and emotional needs using accessible, performant, device-agnostic technology. He helps maintain the A11y Project and shares his knowledge as a writer and speaker. Thank you for sharing and caring, dear Eric!