Looking back on this past week, what was something you were proud of accomplishing?
All wins count — big or small 🎉
Examples of 'wins' include:
- Starting a new project
- Fixing a tricky bug
- Cleaning up your space... or whatever else might spark joy ❤️
Happy Friday! Hope you all have a great weekend 🎊
Top comments (30)
I had surgery last Friday (bilateral turbinectomy + sepotoplasty) to fix some nasal breathing issues and aside from some swelling, I'm almost fully recovered! 😀
No mo' nose woes for me. 👃 🙌
Oh that great ! 🎉
Glad the surgery went well!
You will hopefully soon be able to breath a sigh of relief that the breathing issues are gone (sorry, poor joke, I hope it isn't too soon!)
Lol, no no not at all in poor taste... but the smell of that joke was wretched. 😀
There is nothing (at all) wrong with the (over)use of parenthetical statements. They add some (much needed) personality to your achievements you made (this week)! ❤
It has taken a few months but I finally got top spot for the year on DEV for the #a11y tag!
Now I just need a couple hundred more reactions to get top for all time and my inner egomaniac will be satisfied 🤣
got hired :)
congrats ben :)
Congrats, where at and what role?
I don't want to say too much today, its a fresh startup still finalizing everything. In brief, we're building machine learning tools in Rust, I'll be their first programmer hire. I've got a DEV post ready to go as soon as I get the green light!
No problem, completely understand, congratulations once again, I hope the role is as interesting as it sounds!
We have 4mo twins along with 2yo and 4yo. Current wins center around keeping everyone alive and (somewhat) functional.
Sometimes survival IS enough, I consider this the greatest win here! 🤣
This week has been all about icons. I'll give a bit of background.
We have a Gatsby application. In it we have SVG icons implemented as React components, loaded lazily with the help of
@loadable. However we have a nasty historical issue where our Gatsby configuration files have been written in TypeScript and transpiled to CommonJS. While this works for most things alright it does break dynamic imports so the only thing you can do is
loadable(() => import('path/to/icon/Icon.svg'))and it has to be exactly that way. If you give it a dynamic string or use a variable then it breaks when building SSG pages. So icons are pretty verbose code due to this issue.
We also have a component library that we've been slowly building up and moving stuff there. I encountered a need to have icons there instead of our Gatsby app so I started looking into it. So I spent quite a time researching into how to get icons there while keeping things mainatainable, and also getting the benefit of lazy loading even with the limitations that we face in our Gatsby config.
First part of the week I put my biggest push to a solution that relied on
require.context()'s lazy option feature and SVGR to manipulate the original SVG files to use
currentColorin fills and strokes. Everything worked very well in the Storybook and Webpack would build a bundle. So I got to the phase of actually trying the new icon setup in the Gatsby app. And I got it all the way done but no icon ever became visible. Browser tried to load a bundle file that was not included in Gatsby's build. And after thinking about this for a while I had to conclude that I don't want to write a hacky solution to copy the bundled JS icon files, because the icons should just be imported into where needed and work out of the box!
I got pretty angry with this, because for about two weeks I haven't been able to deliver much anything noticeable, and a lot of work now felt like being flushed down the toilet. I either would cut my work day a bit short and probably ruin my entire weekend thinking about the problem, or just go ahead and do a longer day and figure something out.
After additional research I finally ended up with a setup where I could do something like this:
require.context()was replaced with auto-generated
index.tsfile in the icons folder. SVGR got replaced with SVG imports decorated by some
svg-transform-loaderattribute manipulation magic to change
var(--icon-color)as well as adding
<svg />. Doing things this way one can just throw an SVG file in, have the
So I'm very happy that I got this far. I'm confident this solution at least works even on Gatsby side, but I can only be sure once I try it out next week. Can only hope I won't find one more hairy issue :)
Framework core ready 🎊🎊🎊🎊🎊😄!!! All that's left is docs and testing the framework and doing a beta release
sleekjs / sleek
The framework smarter than you.
Well done! Look forward to seeing some examples of usage!
I finally finished my portfolio...complete with demos on glitch...and even posted it everywhere...got a job interview next week :)
Sounds like a fantastic week! Good luck in the interview!
I finally finished migrating my AngularJS opensource project apic.app to Angular 12 and I am pretty happy with the overall improvements mostly in terms of performance.
Crossing 300K Post Views on DEV!
Very cool, I am still waiting to pass 200k!
I am the maintainer of an open source project and I’ve revived a lot of great Hacktoberfest contributions this week 🙌
bobbyiliev / 101-linux-commands-ebook
101 Linux commands Open-source eBook
This is an open-source eBook with 101 Linux commands that everyone should know. No matter if you are a DevOps/SysOps engineer, developer, or just a Linux enthusiast, you will most likely have to use the terminal at some point in your career.
Make sure to star the repository
If you want to contribute, feel free to pick up a topic marked as
TODOand submit a pull request
Feel free to add new topics in case that you don't find one that you like from the current list.
Wrote a blog post that seems to be popular 🎉
I hit 3 figure subs on YouTube in the last 28 days!