When dev gets nostalgic by@yershalom

When dev gets nostalgic

image

tl;dr: WordArt.

I was born in the late 80’s. It means I had some tough choices when I grew up in the 90’s. One of them was choosing a WordArt title for a school assignment.

As part of my daily job I need to upgrade stuff that affect dozens of developers. It freezes some of the deployments and make developers not so happy :-)

I needed to do it with some creativity and I got my nostalgic attack after Ran Greenberg told me “Your font looks like WordArt” and remembered the struggle I had when I was a kid.

image

Solution

I created a library for react called react-wordart. Now the deploy freeze looks much better and super user friendly.

image

I used https://github.com/transitive-bullshit/create-react-library for generating the library and just to write the code so huge kudos to Travis Fischer.

Most of the work from there was to write the css. Luckily I have internet… I used this article and I had the css. Also used classnames package for controlling dynamic classname and voilà.

Using create-react-library I got example project out of the box, and ran npm run deploy and there it is: https://yershalom.github.io/react-wordart

After I read this comment on my thread at Reddit, I decided to split the css to its own repo: https://github.com/yershalom/css-wordart

image

The usage is pretty simple:

image

And then just like that I had my nostalgic moment and created an open source out of that.

Hoped you enjoyed reading!


yershalom/react-wordart_The nostalgic WordArt we know just in react. Contribute to yershalom/react-wordart development by creating an account…_github.com


yershalom/css-wordart_WordArt css. Contribute to yershalom/css-wordart development by creating an account on GitHub._github.com


transitive-bullshit/create-react-library_⚡CLI for easily creating reusable react libraries. - transitive-bullshit/create-react-library_github.com

react to story with heart
react to story with light
react to story with boat
react to story with money
L O A D I N G
. . . comments & more!