Insightful post by Kent C. Dodds on the costs and benefits of React’s useMemo and useCallback. We hear a lot that you should use React.useCallback to improve performance and that “inline functions can be problematic for performance,” so how could it ever be better to not useCallback? Just take a step back from React and […]
Tag Archives: link
React Hooks: When to
PHP Insights – Analyze the Code Quality of your PHP Projects
PHP Insights is a Static Analysis Tool for your PHP code. It contains built-in checks for making code reliable, loosely coupled, simple, and clean. Works out-of-the-box with the current set of popular frameworks. # First, install: composer require nunomaduro/phpinsights –dev # Then, use it: ./vendor/bin/phpinsights PHP Insights →
Unraveling the JPEG
“Unraveling the JPEG” is a great deep dive into the JPEG image format. This article is about how to decode a JPEG image. In other words, it’s about what it takes to convert the compressed data stored on your computer to the image that appears on the screen. It’s worth learning about not just because […]
SwiftUI
Yesterday, next to revealing a $999 monitor stand, Apple announced SwiftUI which got me quite excited. SwiftUI is an innovative, exceptionally simple way to build user interfaces across all Apple platforms with the power of Swift. Build user interfaces for any Apple device using just one set of tools and APIs. With a declarative Swift […]
CSS Grid Generator
Sarah Drasner (@sarah_edo), now at Netlify, created a handy tool to visually create CSS Grid Layouts. Handy if you’re not all to familiar with it, yet. CSS Grid Generator →CSS Grid Generator Source (GitHub) →
Including content from other files in your HTML (“HTML Includes”)
Nice find by Scott Jehl from Filament Group: Instead of fetching files over XHR and then injecting their contents, you can also use an iframe + leverage its onload event to include the contents of any other file directly into the current web page. <iframe src="signal.svg" onload="this.before((this.contentDocument.body || this.contentDocument).children[0]);this.remove()" ></iframe> The example above loads up […]
Well Aimed: How well do you know CSS Selectors?
Fun little quiz, testing your CSS Selectors knowledge. Well Aimed: How well do you know CSS Selectors →
Evolution of Webdesign
The Evolution Of Webdesign is a collection and imitation of Webdesign Trends from 1991 to 2015. In this project I researched and tried to represent a fixed content with typical attributes for each year. Utterly brilliant! Evolution of Webdesign → Via Jeremy
useDimensions – a React Hook to measure DOM nodes
import React from 'react' import useDimensions from 'react-use-dimensions' const MeasuredNode = () => { const [ref, { x, y, width, height }] = useDimensions(); return ( <p ref={ref}> I am a paragraph at ({x}px, {y}px) position with a width of {width}px and height of {height}px </p> ); }; Handy. Uses window.resize+window.scroll internally, yet I’m quite […]
Exceptional Exceptions: Cleverly throwing Exceptions in PHP
TIL, from the Engagor Clarabridge Development Blog: When creating an \Exception in PHP (including your own extended classes), you can pass in a third argument named $previous. It defines the previous \Exception used for exception chaining, leaving you with better errors for debugging: try { $this->doSomeImportantStuffWith($foo); } catch (VeryDescriptiveException $e) { // do some stuff […]