A rather geeky/technical weblog, est. 2001, by Bramus
Presentation by Pieter Beulque, as given at the most recent FronteersBE meetup, in which he builds a Tweet Embed using Web Components’ Custom Elements. As a front-end developer, you’re always confronted with making choices. In this talk I cover the benefits you get for free when considering W3C standards or standard browser API’s instead of …
dfimageMight come in handy: Similar to how the docker history command works, this Python script is able to re-create the Dockerfile (approximately) that was used to generate an image using the metadata that Docker stores alongside each image layer. $ docker pull laniksj/dfimage Using default tag: latest latest: Pulling from dfimage $ alias dfimage=”docker run …
Continue reading “Reverse-engineer a Dockerfile from a Docker image with dfimage“
Aggelos Arvanitakis, writing for the Web Performance Calendar 2019 edition: Besides some of the great advantages CSS-in-JS boasts over traditional CSS, it may still create performance issues in certain apps. In this article, I will attempt to demystify the high-level strategies of the most popular CSS-in-JS libraries, discuss the performance issues they may introduce on …
Continue reading “The unseen performance costs of modern CSS-in-JS libraries in React apps”
Bref comes as a Composer package and helps you deploy PHP applications to AWS and run them on AWS Lambda. Bref uses the Serverless framework to configure and deploy serverless applications. Being the most popular tool, Serverless comes with a huge community, a lot of examples online and a simple configuration format. After installing an …
Solid intro to test your React apps with either Enzyme or React Testing Library: In this tutorial, we will look at how to do that by making use of a to-do application built with hooks. We’ll cover writing of tests using Ezyme and React Testing Library, both of which are able to do just that. …
Continue reading “Testing React Hooks With Enzyme and React Testing Library”
If you try to capture the subtleties of a real shadow with box-shadow then, well, you’re pretty much out of luck. The box-shadow CSS property isn’t exactly built to encourage expressiveness. But with a simple CSS technique, we can expand our range of options. If we use layered box-shadows we can get more fine-grained control …
Continue reading “Smoother & sharper shadows with layered box-shadows”
<lite-youtube-embed>By Paul Irish: Provide videos with a supercharged focus on visual performance. This custom element renders just like the real thing but approximately 224X faster. Installation per NPM: npm install lite-youtube-embed Usage: <!– Include the stylesheet, this could be direct from the package or bundled –> <link rel="stylesheet" href="node_modules/lite-youtube-embed/src/lite-yt-embed.css" /> <!– Include the custom element …
Continue reading “More performant YouTube embeds with <lite-youtube-embed>“
The idea is to have a dedicated repo with only a _redirects file in there which you constantly update and push (and thus deploy). To help automate that, Kent C. Dodds create a package named netlify-shortener which does that for you: Generates a short code if one is not provided Validates your URL is a …
At React Advanced 2019 Conference, Shawn Wang planned on giving a talk on writing your own React with Hooks from scratch. As he already did that (ace!) talk at JSConf.Asia (video here), he decided to swing things around and write his own React clone with support for Concurrent Mode: