A new, convenient way to quickly style and iterate on your components and their boundaries has landed in styled-components 💅 — As Ryan Florence once said, the essence of working with components is worrying about the right lines to draw in your app and then filling in the shapes they create with components. Invented by Sunil Pai in glamor, the css prop has taken over the CSS-in-JS world as a convenient…

Max Stoiber is the CTO at Spectrum, a real-time chat platform for online communities. In this guest post he describes how they secured their GraphQL API from attackers. — With GraphQL you can query exactly what you want whenever you want. That is amazing for working with an API, but also has complex security implications. Instead of asking for legitimate, useful data, a malicious actor could submit an expensive, nested query to overload your server, database, network, or all…

Announcing styled-components/primitives, an experimental entry point combining styled-components and react-primitives — Creating truly universal React components that can be rendered on the web and in React Native is hard. There are different primitives:<View> vs. <div>,<Text> vs. <h1>/<p> etc, and the styling also works entirely differently: ReactNative has it’s own CSS-like styling solution with JS objects, StyleSheet.

After a six month long iteration process and over 300 commits we’re super excited to announce the official release of styled-components v2! TL;DR Half the bundle size, (22kB → 12kB) thus much faster to load for your users Best-in-class server-side rendering with critical CSS, style rehydration and concurrency support out of…

In January, a new developer asked us to judge his qualifications and if he should apply for a job in the Reactiflux #jobs channel. This was my response, slightly edited for content and the format. Send out applications to every company that looks interesting, doesn’t matter if you think you’re…

Originally published on my blog 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 scripts if you’re using npm: Whenever you enter $ npm run <command> (which is a…