Posted by: Dan Oved, freelance creative technologist at Google Creative Lab, graduate student at ITP, NYU. Editing and illustrations…

In this up-to-date guide, you'll learn how to collocate all your routes into a single location by creating a central route config with React Router.

Let’s face it, laying out a website can sometimes be challenging, especially when some of the content may be dynamic.

Data has become a very important part of our lives recently and making sense of that data is equally important. There is no point in having data if you cannot track or analyze it, especially if...

For my first post on Medium, and I wanted to share with you how I made a news app with React Native.

In this blog post, we run shell commands as child processes in Node.js. We then use async language features to read the stdouts of those processes and write to their stdins.

by Charlee Li

The best way to bind event handlers in React
Image: Flickr [https://www.flickr.com/photos/calliope/4079232480/] by liz west
Binding event handlers in React can be tricky (you have JavaScript to thank for
that). For those who know the history…

We have covered print stylesheets in the past here on Smashing Magazine. In this article, Rachel Andrew takes a look at the state of printing from the browser today.

The results of the 2018 Front-End Tooling Survey are out! Check out the results and analysis of the responses here.

Today, the design landscape has changed completely. We’re equipped with new and powerful tools — CSS Grid, CSS custom properties, CSS shapes and CSS writing-mode, to name a few — that we can use to exercise our creativity. Zell Liew explains how.

Smashing Magazine's editor-in-chief, Rachel Andrew, attended the Google I/O 2018 event in Mountain View. We made sure you don't miss out: Here's a roundup of the announcements and launches that were presented at the event.

Desktop progressive web apps can be 'installed' on the users device much like native apps. They're fast. Feel integrated because they launched in the same way as other apps, and run in an app window, without an address bar or tabs. They're reliable because…

How to create user authentication or login using Node.js, Express.js, Mongoose.js and Passport.js with simple application example.

The Firefox Dev Tools team released an upgrade to the debugger’s source map support. It lets you inspect the code that you actually wrote. Combined with the ongoing work to ...

How to leverage observables, observers, computed properties, autorun & more to supercharge & simplify your React workflow.

In this article I will describe how the ES2017 <code class="markup--code markup--p-code">async</code> functions are essentially a play between two older <a href="https://hackernoon.com/tagged/javascript" target="_blank">JavaScript</a> features: <code class="markup…

Let’s make a photo gallery responsive quickly and using very few lines of CSS.

Ionic is an open source mobile SDK for developing native and progressive web applications. With Okta and OpenID Connect (OIDC) you can easily integrate authentication into an Ionic application, and never have to build it yourself again.

JavaScript! We all love it. But some of us also love [types](https://en.wikipedia.org/wiki/Data_type). Luckily, options exist to add stronger types to JavaScript. My favourite is [TypeScript](https://www.typescriptlang.org), but React Native supports [Fl…