My Top 5 PostCSS Plugins
There has been a lot of talk recently about a new CSS preprocessor called PostCSS.1 PostCSS is a wrapper for plugins which exposes an easy to use, but powerful API. Plugins can then use this API to...
View Articlenpm scripts
npm has support for the scripts property in package.json — one of the most used, but also one of the most overlooked features of npm! What does the scripts property do? Chances are high you’re using...
View ArticleReact.js Apps with Pages
If you’ve ever made a Single Page Application with a JavaScript framework, chances are you used routing. Routing lets you pretend that your application has “pages”. Users can go to yourdomain.com/about...
View ArticlePostCSS: Die bessere Alternative zu Sass und Less?
PostCSS wird als Alternative zu Präprozessoren wie Sass oder Less immer beliebter. Anselm Hannemann und ich zeigen Ihnen, was PostCSS zu bieten hat.
View ArticleHow to scale react applications
For the third version of react-boilerplate the team spoke with hundreds of developers about how they build and scale their web apps, and I want to share some things we learned!
View ArticleWriting your styles in JS ≠ writing inline styles
With the emergence and popularity of libraries like Radium, JSS, Aphrodite and styled-components everybody has been talking about writing styles in JavaScript. What many people don’t realise is that...
View ArticleThe magic behind 💅 styled-components
If you’ve never seen styled-components before, this is what a styled React component looks like: const Button = styled.button` background-color: papayawhip; border-radius: 3px; color: palevioletred; `...
View ArticleMy one weird trick to be more productive
Sometimes, I have unproductive days, doing nothing except watching videos all day long. (My girlfriend can attest to that…) After one of those I always feel horrible for procrastinating and not getting...
View ArticleLinting styles in JavaScript with stylelint
I recently co-created a styling library for React called styled-components, which let’s you write actual CSS in your JavaScript. The issue is that you write this CSS inside strings and without...
View Article2016 in review: A dream come true
Originally this review was meant to solely be about 2016, but as it started coming along I noticed that the narrative didn’t make any sense without any context. So, I’ll start from the beginning, my...
View ArticleBuild your first Node.js microservice
A microservice is a single self-contained unit which, together with many others, makes up a large application. By splitting your app into small units every part of it is independently deployable and...
View ArticleEnforcing best practices in component-based systems
There are some best practices when working with component-based systems. Let's illuminate what they are and how 💅 styled-components can help enforce them.
View ArticleDangerJS: The open source maintainers best friend
Often users don’t realise how much time open source maintainers spend triaging incoming Pull Requests. While it’s very much appreciated and welcome, the mental overhead of reviewing a tiny code change...
View ArticleThe future of react-boilerplate
For the past year react-boilerplate has evolved beyond my ideas and code to being a true community effort. There is a team of collaborators who make sure issues are taken care of, features introduced...
View ArticleA deep dive into children in React
The core of React is components. You can nest these components like you would nest HTML tags, which makes is easy to write JSX since it resembles markup. When I first learned React, I thought “Use...
View ArticleHow to create open source projects
As the maintainer of a fair amount of open source projects I get asked frequently “How do I create my first open source project?”. This question seems backwards to me. The open source aspect is a...
View ArticleIntegrations as first class citizens
I was a Sublime Text user until I gave Atom a try. After using it exclusively for a few weeks there was no way for me to go back to Sublime Text, mainly due to a single feature: the git tree view...
View ArticleStarting something new: Introducing Spectrum
Seven months ago I quietly started working on a new project: not an open source or side project, but a product and a company. It’s called Spectrum. Soooo, what is it? Spectrum is a new platform for you...
View ArticleStreaming Server-Side Rendering and Caching at Spectrum
We recently implemented streaming server-side rendering and caching for Spectrum, here is how.
View ArticleSecuring Your GraphQL API from Malicious Queries
Working with GraphQL is amazing, but also has complex security implications. Let’s dig into some essential protections for your API, from simple size limiting through depth limiting to query analysis.
View Article