Vincent den Boer ShishKabab

NOTE: This is not meant to be product-ready for every use case out there, but is only here for curious people who are reading my articles. That's why I didn't create a GitHub project out of it: it needs a bit more work and untangling of test files to be useful to people.

When having multiple packages in a Lerna workspace that depend on each other, Lerna does not run prepare scripts in the order of how they depend on each other. This becomes problematic when they're Typescript packages which need to be built first, so that the packages depending on them can find the type declaration files. Bug: lerna/lerna#2453

To solve this, I've created a script that outputs the packages in the workspace ordered by the dependency graph. You can then just loop over those and execute npm/yarn run prepare.

package.json puts all of these things together. Run the bootstrap script on initial install. You can also use it when you update any packages, but it may be faster to run install-dependencies if you just need to install new dependencies for any of the packages. Remeber that running yarn add or npm install in any of the workspace packages destroys the symlinks between the packages, so you need to edit package.json dependencies by hand, then run `yarn i

I was looking for an easy to use GIF player to play a GIF made out of a few screenshots. In the end, I decided to just make a compoment that takes in a list of image URLs, preloads them and plays them when playing the play button.

Features:

Loads first frame first, then the rest of them
Loading indicator while loading all frames
Seperately configurable pauses between frames and after a loop

Usage:

My shared pages

Factory - Wikipedia

My shared pages

Seagate: 18 TB HDD Due in First Half 2020, 20 TB Drive to Ship in Late 2020
Measure Performance with the RAIL Model | Web Fundamentals
How we built Picture-in-Picture in Firefox Desktop with more control over video - Mozilla Hacks - the Web developer blog (foo)
Egnyte Architecture: Lessons learned in building and scaling a multi petabyte content platform - High Scalability -
Stuff The Internet Says On Scalability For February 28th, 2020 - High Scalability - (bar)

	{
	"presets": [
	"es2015",
	"react",
	"survivejs-kanban"
	],
	"plugins": [
	"transform-decorators-legacy",
	"transform-class-properties",
	"react-hot-loader/babel",