Develop reusable React components with Storybook

The best pieces of code are the ones that aren’t written. Making generic, reusable classes has been the key to good development for the longest time. The same goes for React and its component system. Make a generic <Button/> and build from there.

  • 12 August 2018
 

Creating a Feedback App with React and WebSockets

Web applications today are fast-moving, multi-user experiences. Things change all the time by people using the same resources. What happens if someone makes a change to a file someone else is also editing? The updates would need to be pushed out to everyone else involved.

  • 28 July 2018
 

Styling React with Fela

CSS in large projects - particularly applications with frameworks like React - can be difficult to scale. Stylesheets tend to inflate over time when developers become too scared to delete old styles just in case they get used somewhere else. Even if they do, in component-based designs, there’s every chance the styles and the code behind it become separated and lost when copying across projects.

  • 26 June 2018
 

10 Tips For Better Testing

Making things for the web is endlessly complicated nowadays. There’s so much to choose - the framework, the tooling, the asset management. Try as we might, testing ends up further down the list than it should. In the latest Net magazine I run down ten different ways to use testing to make a better product.

  • 21 May 2018
 

Playing with the CSS Paint API

Compared to JavaScript, CSS doesn’t seem to get as much fun stuff. Sure, there’s things like CSS Grid and snap points, but nothing quite on the level of, say, service workers. Well, with Houdini they both come together and that’s all going to change. In the latest Web Designer, we check out the first piece of the puzzle landing in browsers - the CSS Paint API.

  • 01 May 2018