A rather geeky/technical weblog, est. 2001, by Bramus
Checking out the Redux Store of Soundcloud Redux Back in the day I learnt a lot by hitting CTRL+U (View Source) on websites. Nowadays I still check the source code of some apps, yet it’s become a tad more difficult for some specific things. When it comes to React apps that use Redux I like …
Continue reading “Inspecting Redux Stores in Production, without the Redux Devtools”
gremlins.js is a monkey testing library written in JavaScript, for Node.js and the browser. Use it to check the robustness of web applications by unleashing a horde of undisciplined gremlins. I especially like the syntax to start a test: var horde = gremlins.createHorde(); horde.unleash(); And oh, make sure you don’t run any tests after midnight …
Continue reading “Gremlins.js – Monkey testing library for web apps and Node.js”
await beats .then()Insightful post by Mathias Bynens: The fundamental difference between await and vanilla promises is that await X() suspends execution of the current function, while promise.then(X) continues execution of the current function after adding the X call to the callback chain. In the context of stack traces, this difference is pretty significant. The gist is that …
Continue reading “Asynchronous stack traces: why await beats .then()“
render PropMichael Jackson on stepping away from HOCs, and using a render Prop instead. instead of “mixing in” or decorating a component to share behavior, just render a regular component with a function prop that it can use to share some state with you. He start with this HOC: import React from 'react' import ReactDOM from …
Continue reading “Never Write Another HOC, use a render Prop”
Stencil is a compiler that generates Web Components (more specifically, Custom Elements). Stencil combines the best concepts of the most popular frameworks into a simple build-time tool. Stencil takes features such as Virtual DOM Async rendering (inspired by React Fiber) Reactive data-binding TypeScript JSX and then generates standards-based Web Components with these features baked in. …
Earlier this week React 16 got released … yay! 🎉 To explain all the new features, Nik Graf has posted a short series on React 16 over at Egghead. The videos are free to watch and only take up 17 minutes of your time. Next to things like Fiber, Error Boundaries, and Returning arrays from …
The folks at Hashrocket have a nice introductory writeup on getting started with the aforementioned React VR. So if you’ve been doing React or React Native for the past months, you’ll see that React VR is super simple to get started and will let you build exciting 360 experiences. Starting from the default React VR …
The Web Animations Api (short WAAPI) tries to combine the power of CSS with the flexibility of Javascript in order to allow complex animation sequences. There are big differences between the WAAPI and for example libraries like GSAP, the biggest one being that the WAAPI is going to provide native browser support without needing to …
Continue reading “Getting Started with the Web Animations API”
Fun list tweeted just now by Redux creator Dan Abramov: Strategies for derailing a React conversation: HOC vs render props Is binding functions expensive CSS in JS PATENTS Redux Web Components class vs className <If> Size of node_modules Context I wonder which ones, if any, will matter in three years. Always keep questioning the status …
Continue reading “Strategies for Derailing a React Conversation”
null >= 0`Abinav Seelan takes a deep dive to unearth why exactly this happens in JavaScript: null > 0; // false null == 0; // false null >= 0; // true How can a value not be greater than 0, not be equal to 0, but be greater than and equal to 0? Javascript : The Curious …
Continue reading “Javascript : The Curious Case of `null >= 0`”