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

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 comment with what you learnt and/or reference your TIL post to give it some more exposure.

#todayilearned Follow

Summarize a concept that is new to you.

And remember, if something you learnt was a big win for you, then you know where to drop it as well.👇👇🏻👇🏼👇🏽👇🏾👇🏿

What was your win this week?

Jess Lee ・ Feb 7 '20

#discuss #weeklyretro

Comments

[Gift Egwuenu]

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]

Same here, thanks ;)

[Paweł Ludwiczak]

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

[Patryk]

When in troubles, use --force.

[Tringa Krasniqi]

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

[Nick Taylor]

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]

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]

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]

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

Prettier uses some of editorconfigs config.

[Vaibhav Khulbe]

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]

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.

[Zaynaib (Ola) Giwa]

I learned the shortcut to find and replace in VS Code shift + H

[Lewis kori]

I learned jwt authentication using vue.js and django rest framework this week

[Vicente G. Reyes]

I learned React & Rails this week!