React Refs, both Class and Function Components

Good post by Lachlan Young with a simple use case for using createRef (Class Components) and useRef (Function Components): focusing an external component (here: TextField from Material UI) when your own parent component mounts. I especially like the final thoughts at the end of the post: If you had no need for a ref besides …

GitLens – Git Supercharged Extension for Visual Studio Code

GitLens supercharges the Git capabilities built into Visual Studio Code. It helps you to visualize code authorship at a glance via Git blame annotations and code lens, seamlessly navigate and explore Git repositories, gain valuable insights via powerful comparison commands, and so much more. Just installed it and must say it’s really nice. Here’s an …

Beware when base64-encoding on the CLI using echo

Recently I needed to base64-encode a string. To do this I turned to the CLI and piped the output of echo to base64. # Don’t use! Correct command further down this post. $ echo ‘test’ | base64 dGVzdAo= Although the output looks quite good, things didn’t quite work out when using the string: it failed …

Netlify Forms – Manage forms and submissions without any server-side code

Wow, this is an awesome addition to Netlify: On Netlify, any HTML form can instantly accept submissions—no backend code or infrastructure required. As soon as your form is deployed, you start seeing submissions appear in your Netlify dashboard. Just add the netlify attribute to any form and everything gets wired up automatically. Netlify will automatically …

React Native CLI 3.1.0 and 4.0.0 – What’s New?

Mike Grabowski on the recent changes in React Native CLI: In this short article, I want to give you an overview of what’s new and what’s coming up in React Native CLI. Also, I’ll tell how do we plan our work going forward on it. The fact that React Native now shares the build cache …

Use the Bootstrap 3 Glyphicons with Bootstrap 4

Bootstrap 4 no longer bundles (a subset of) glyphicons. Instead, Bootstrap recommends to buy the full set or use a different set of icons. However, if you want to quickly copy-and-paste some stuff over from a legacy Bootstrap 3 project, the easiest of getting the old icons is through loading bootstrap4-glyphicons. It’s a project that …

Redux in 30 lines of PHP

To get the full details behind Redux, Sorin Nunca has recreated it using PHP: As I usually try to understand the tools I’m using, the following tries to be a toy implementation of Redux in PHP, in the hopes of gaining a deeper understanding of the concepts behind Redux. Also covers combineReducers. Redux in 30 …

The Hooks of React Router

If you’re looking to get started with React Router – or looking to migrate away from version 4 – this article on CSS-Tricks will introduce to it and its hooks: React Router 5 embraces the power of hooks and has introduced four different hooks to help with routing. You will find this article useful if …

The CSS Cascade – Or, How browsers resolve competing CSS styles

Amelia Wattenberger is at it again with this nice interactive page on the CSS Cascade Every time we write a CSS declaration (or rule), it will enter the CSS Cascade, which will determine whether or not it will end up as the final style. The further down the cascade a declaration falls, the less likely …