DEV Community

Feb. 14, 2020: What did you learn this week?

Nick Taylor on February 14, 2020

It's that time of the week again. So wonderful devs, what did you learn this week? It could be programming tips, career advice etc. Feel free to...

Read full post

Gift Egwuenu • Feb 14 '20

Nice I learned about CSS :focus-within pseudo-class even wrote a post on it.

Applying CSS :focus-within

Gift Egwuenu ・ Feb 13 ・ 2 min read

#css #beginners #tutorial

Jannik Wempe • Feb 14 '20

Same here, thanks ;)

Paweł Ludwiczak • Feb 14 '20

I've been having some issues with my GIT repo and this is my lesson of the week: When in troubles, use --force.

Patryk • Feb 14 '20

When in troubles, use --force.

Tringa Krasniqi • Feb 14 '20

I learned different ways of adding CSS to React components (inline, in global css file and using Radium). :)

Nick Taylor • Feb 14 '20

Nice! Just FYI, Radium from Formidable is a little older in the CSS in JS space. If you're new to the CSS in JS space, styled-components and Emotion are great libraries to check out as well and provide more functionality.

Keep learning! 🔥

Tringa Krasniqi • Feb 15 '20

Yeah I'm really new to CSS in JS, I'm switching from Angular to React so they're quite different in this aspect. I will definitely try them out. Thanks a lot for letting me know ^_^

Richard Schloss • Feb 15 '20 • Edited

I learned that in 2020, in NodeJS, the thing to use now for streams is the built-in pipeline. Previously we dealt with streams like this:

res.pipe(outStream) // Pipe an http response to a destination

A few years ago, we were told to use pump, a separate module in npm. But now, pipeline is built into NodeJS and you can just use that!

So, pipelining can now look like this:

pipeline(res, outStream)
.then(handleDone) // .then if you promisified "pipeline"
.catch(handleError)

This way, you can have an array of streams that might be conditionally set:

const streams = [res]
if (res.headers['content-encoding'] === 'gzip') {
  streams.push(createGunzip())
}
streams.push(outStream)

pipeline(...streams) // We can now use the spread syntax with pipeline. 
...

(FYI: it's also a good idea to read about Backpressuring in Node)

Jannik Wempe • Feb 14 '20

I learned how (and why) to combine .editorconfig and Prettier.

Prettier uses some of editorconfigs config.

Vaibhav Khulbe • Feb 14 '20

I got to know about creating a server with Express thanks to Brian Holt's Intro to Web Development .v2 course on Frontend Masters.

Tori Crawford • Feb 14 '20 • Edited

I dove deep into the data structure hash tables. I learned about which instances they should and shouldn't be used for in regards to code efficiency.