Not all bad reviews are bad: Snowbird is a resort in Utah known for its difficult slopes. After some bro named Greg from L.A. gave them a 1-star review because the mountain was mean to him, they created a print advertisement starring his review. (src)
Category Archives: Elsewhere
Optimize React Performance
Good advice every React dev should be aware of: React is known to be blazingly fast with its Virtual DOM implementation. However, even with React’s built-in performance, there are instances when the UI can begin to feel sluggish. The primary culprit for poor performance is generating too many renders and reconciliations. We’ll cover 4 techniques …
CSS Grid Playground
Essential Image Optimization
Essential Image Optimization is an free and online eBook by Addy Osmani: Images take up massive amounts of internet bandwidth because they often have large file sizes. According to the HTTP Archive, 60% of the data transferred to fetch a web page is images composed of JPEGs, PNGs and GIFs. As of July 2017, images …
The Academic – Bear Claws (Live Looper Version)
Yesterday I’ve tweeted about this one, but it’s too great to not mention here too. It’s the video clip for “Bear Claws” by “The Academic”. For this video the band has used the lag of a Facebook Live video to their advantage. By doing so, they’ve created a loop sampler. Also note the clever use …
Continue reading “The Academic – Bear Claws (Live Looper Version)”
Asynchronous stack traces: why 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()“
Never Write Another HOC, use a render Prop
Michael 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”
Macroable – A Trait to Dynamically add Methods to a PHP Class
New package by the folks from Spatie: We recently released our newest package called macroable. It contains a trait that, when applied to class, can dynamically add methods to that class. This trait is basically a stand alone version of the macroable trait in Laravel. It works by leveraging the __call() magic function, and checking …
Continue reading “Macroable – A Trait to Dynamically add Methods to a PHP Class”
Stencil: A Compiler for Web Components
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. …
Leveraging New Features of React 16
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 …