Ryan Tan

[Tejas Kumar @TejasKumar_]

I learned something new about TypeScript today from @dariacaraway at @jsconfbp:

type Thing = {
[key: string]-?: string
}

-? in TypeScript mapped types removed optionality.

My goodness, this is the best TypeScript talk I’ve seen yet. I am learning a ton. 🤯

[Addy Osmani @addyosmani]

Tip: The @ChromeDevTools now shows you chains of error causes in the stack trace.

To make debugging easier, in the latest DevTools you can specify error causes when catching and rethrowing errors.

The "cause" data property of an Error instance indicates the specific original cause of the error. It is used when catching and re-throwing an error with a more-specific or useful error message.

As the Console walks up the cause chain, it prints each error stack with a "Caused by": prefix, so you can still see the original error.

Learn more about error causes on MDN: https://t.co/FrjdXHgXNf

Check out more in our "Whats new in DevTools" series: https://t.co/wgxwBW87sI

[Addy Osmani @addyosmani]

"How to navigate JavaScript frameworks in 2024" - our new talk is now live on the Chrome YouTube Channel!

#GoogleIO

[Tejas Kumar @TejasKumar_]

This layoff trend is so savage. My heart hurts especially this week, as 3 people dear to me and my family were completely blindsided by being laid off and now have to reshuffle their entire lives.

This is evil and inexcusable, first *how* people are laid off, and second, that people even are.

About the modality of it: why blindside folks? In all the layoffs I've seen this week, it's been "thanks for your work, bye" by surprise. There was no transparent conversation leading up to it. There was no forewarning. There was no compassion and guidance. It was cutthroat. Did it have to be this way? Could it have been more human?

I publicly condemn this style of operating and hope and pray we get better.

[Ryan Tan @crisryantan]

@pietdaniel good read 👀

[Ryan Tan @crisryantan]

@myrtlejavier haha sus na excite ko kadali hahahahaha

[Ryan Tan @crisryantan]

@myrtlejavier louie and pearl? haha

[Adrian @wydmanski_]

I'm a senior frontend developer.

I want to give you an idea of the kind of work I do.

A React component I had to create for one of the tasks last week:

(Would you be able to implement it?)

Create a "days slider" with the following requirements:

1. Must have 5 different marks, with an option to easily add more.

2. The marks are for 30 days, 60 days, 120 days, 1 year, and 3 years.

3. Each mark must be equally spaced on the slider, regardless of the difference in actual days between them.

4. The slider should allow the user to select any number of days within the specified range (30 days - 3 years)

5. The steps between each mark on the slider should be consistent (25 steps).

6. The component should be reusable and easily extensible to accommodate more marks.

👇Code in the comments below👇

[Wes Bos @wesbos]

Handy!

Use fetch() to check if a file exists without downloading the entire thing.

[Jamie Kyle is on 🦋 @buildsghost]

I give you the !?? operator:

[Ryan Tan @crisryantan]

Facade

[Lee Robinson @leerob]

frontend is easy

[Addy Osmani @addyosmani]

It takes 23 minutes to recover after an interruption 🕒 I wrote about the cost of context switching on @TheLeadDev: https://t.co/OtdOCKIC6N ✍️

[Addy Osmani @addyosmani]

Tip: In @ChromeDevTools you can now hide network requests from Chrome extensions! 😍 Huge for focusing on just your code when profiling performance.

[Addy Osmani @addyosmani]

Tip: Want to load your (LCP) hero image sooner? Try <img fetchpriority=high> to boost its priority ⚡️

@ChromeDevTools now also shows the initial and final priority of requests in the Performance & Network panels 🙌

[Wes Bos @wesbos]

🔥 JavaScript Sets are about to become a lot more useful with these 7 new methods:

.difference()
.intersection()
.symmetricDifference()
.union()
.isSubsetOf()
.isSupersetOf()
.isDisjointFrom()

[Aiden Bai @aidenybai]

Make React Faster. Automatically.

https://t.co/D6qd5zLtII

[@levelsio @levelsio]

"So why do you have a sticker over your webcam?"