DEV Community

What was your win this week?

Gracie Gregory (she/her) on October 22, 2021

Hey there! Looking back on this past week, what was something you were proud of accomplishing? All wins count — big or small 🎉 Examples of 'win...

Read full post

Nick Taylor • Oct 22 '21

I built my first dApp!

I built my first dApp!

Nick Taylor (he/him) ・ Oct 19 ・ 2 min read

#dapp #web3 #nextjs #react

Ben Halpern • Oct 23 '21 • Edited

I finished up the week by finding time to put together a PR I've been really looking forward to making for a while.

GrahamTheDev • Oct 23 '21

So no more layout shifts now? Super! ❤️

Ben Halpern • Oct 23 '21

Yup!

This has been something I've been personally tackling one way or another for a while and this helps pull a bunch of it together.

Fixing Cumulative Layout Shift

Ben Halpern ・ Jan 19 ・ 2 min read

#webdev #css #javascript #html

Using FastImage to detect image dimensions in Ruby

Ben Halpern ・ Sep 28 ・ 2 min read

#ruby #rails #webdev #html

GrahamTheDev • Oct 23 '21 • Edited

Yeah I saw the posts and enjoyed those articles. ❤️

I have to ask why you don’t cache the values when the item is saved? Or is that how you do it and I misunderstood lol!

Either way always great to see people paying attention to web vitals! 💪

Ben Halpern • Oct 23 '21

If I understand correctly — why do we do this later and not right on save?

Basically we need to inspect the files for their meta data. We use FastImage because it's fast, but it is still a remote transaction and we'd rather not add extra latency in case the process hangs for any reason.

GrahamTheDev • Oct 23 '21

Ah that makes sense so saving doesn’t get held up!

But then you cache the value afterwards so you only have to look up the meta data once (well twice from what I gather from the PR! 🤣) and then update the HTML with the width and height values?

Very smart!

Ben Halpern • Oct 23 '21

Yeah, we store HTML in the DB, so only ever re-compute on changes. (This approach could change slightly over time to give us more flexibility, but it works well for efficiency).

And yeah — FastImage seems to allow you to look up either size, type, or animated, but doesn't let you open up the image to look for everything at once. 🤷‍♂️

GrahamTheDev • Oct 23 '21

Thought I had replied, must have closed browser by mistake 🙄

Looks like you are right, Line 223 in fastimages

 @property = if @options[:animated_only]
      :animated
    elsif @options[:type_only]
      :type
    else
      :size
    end

So it looks to be animated, type or size as you thought.

Pretty sure you could extend it and just call them both together but that is probably an over optimisation!

Great solution for CLS either way ! ❤

Ben Halpern • Oct 23 '21

I’d consider this an over optimization for the matter of this first PR, but once it’s merged, a dedicated task to optimize this makes sense.

GrahamTheDev • Oct 22 '21 • Edited

I got a stream deck XL.

Basically it is a fancy macro key system, but I am already in love!

When I am in VSCode it shows certain macro keys, then if I alt tab to the browser it shows a different set of macros automatically.

Anyone big into productivity…get one, don’t let the fact it was built for streamers put you off, it is a great bit of kit!

Nick Taylor • Oct 22 '21

I use it for streaming. Game changer.

GrahamTheDev • Oct 23 '21

Yeah it’s a “no brainer” for streaming with all the built in stuff, I am hoping it will be mega useful just day to day.

See what tricks I can do with it by the end of today!

When do you stream, what about and where, don’t think I have ever seen you talk about streaming in any posts etc?

Rammina • Oct 22 '21

Got through the second week of my 100 Days of Code and Scrum challenge.

The week was pretty tough for me because of life getting in the way. I still managed to stay consistent and have no days skipped.

JenningsF • Oct 23 '21

I completed my first Hacktoberfest and published my first article on DEV 👍

Hacktoberfest 2021 Experience

JenningsF ・ Oct 23 ・ 3 min read

#hacktoberfest #beginners #codenewbie

miku86 • Oct 22 '21

Saying to my significant other that she's the best partner I could wish for.

Rammina • Oct 22 '21

Same here, my wife was dealing with anxiety and depression and I gave her emotional support.

miku86 • Oct 23 '21

Happy you did this!

Jeffrey Fate • Oct 22 '21

Finding bugs in development before they made it to production

This is probably the biggest improvement of developer productivity

Rammina • Oct 22 '21

Ya, dealing with production bugs is just a huge pain and when you think everything's going to be okay already. nice job catching that.

Ewout • Oct 25 '21

Restoring my production databases after my hosting provider had a "power outage", destroying both the database servers as well as the backup servers...

I also migrated away from said hosting provider to DigitalOcean for my .net core API and Netlify for my SPA + website. Had a great blast experimenting with Gatsby as well.

What started as a horror-week, resulted in a highly productive, creative and fun week in the end! 🥳