🎉 Today we have some exciting news! We're merging frameworks! Angular and Wiz!

Keynote addressing the change here:
Some of you might know that we use a few frameworks at Google that power our apps.

Most notably, Angular is most-used, and a framework called Wiz, that powers Search, Workspace, and YouTube... Wiz has some innovative approaches to performance, some concepts like resumability.

I was going to read 5 books last year and ended up reading 50! It was a really nice way to carve some time out for myself.

Some of my faves, in no particular order: Non-fiction:
- Thinking in Systems- great read that encourages broader awareness/thinking
- Kill it with Fire- nice one about managing and upgrading legacy systems
- Range- a good primer in how we can apply concepts cross-functionally, a healthy read IMO

Most of us who work on heavily used systems at scale saw this one coming, and that they would propose a rewrite as they just have, and we also don’t think this is the answer.

This is why hubris is a very counterproductive quality in engineering.

Why do we all agree on this? Legacy and heavily used systems have decision accumulation over the years:

some decisions were made because of the technology available at the time, some due to a feature need, some due to dependency management, some were made to make the system more secure or to test it.

@KhaledElAnsari @codegodzilla @PhilipJBasile @dabit3 Things I love about Vue: 1/?
- extremely declarative- your code can be highly organized and legible because of nicely done abstractions
- on that note, computed properties are wonderful and cached based on their dependencies. I wrote here about that: css-tricks.com/methods-comput… @KhaledElAnsari @codegodzilla @PhilipJBasile @dabit3 - Abstractions break down when you can't get under the hood. Vue provides great APIs so that you can do just this, such as custom directives, watchers, and the like
- The new Composition API allows for a few ways to structure reusable pieces of a larger codebase

Well, here goes nothin’! I was asked to open source the career ladders I used for my organization, I hope it’s a helpful resource for people:

📝 Article: css-tricks.com/the-importance…
📍 Site: career-ladders.dev

A little thread with some thoughts about this 🧵 It’s been a year since I was asked to do this. Career ladders aren't enough on their own- it’s essential to discuss how they work in practice, which is why I wrote an article too.

Rubrics without action are pointless because they don’t actually drive clarity for your employees.

In my honest opinion, the closer people get to a playful, childlike state, the more they can solve problems with some depth and creativity.

This is why trust on a team is paramount to do your best work. It’s way harder to get into a creative problem solving state if you’re scared, unsupported, or worried. It may sound like kindergarten stuff but I think it’s more fundamental than that

A small thread on why JS devs might find Go interesting (this thread is not for Go devs, it is intentionally 101) 🧵

1. Short variable declaration: 2. The time package is really nice. For instance, you can import “time” and then use it like so:

🔥 As of this month, all you need to write a Serverless Function with Netlify are these lines of code!! Netlify automatically detects your directory now

Seriously, that’s it!

Here’s a thread of some other great things you may not know about Netlify Functions 🧵 For those unfamiliar with Serverless, it allows event-driven logic on the server w/o setting up infrastructure. Think: you write a function like you’re used to, & it’s on the server!

Netlify's special bc of how quick it is to set up- no API gateway config, just write some code!

🔥 It's probably common knowledge that Netlify makes deployment incredibly simple- you can connect a repo, pick a build command and 🚀

or just drop a folder in and you're done!

...but here are some other things you might not know about our deploys that are very special 🧵 Netlify has a concept of "atomic" deploys- which means a few things:

- You can preview a deploy when you've or someone else has just put in a PR

- You can roll back to ANY previous state, with one click, in milliseconds

- You always know what state your cache is in!

If I get a question a few times, I try to post it here: if you're trying out contracting in 2021, the pricing model that worked best for me wasn't per-project or per-hour, it was per-week.

(small thread if it's helpful) Per-hour didn't work for me because I had to explain every minute of time, and some things like "understanding your giant system" are hard to capture for bigger clients

Per-project didn't work because it's so hard to estimate engineering projects accurately before you dive in

I get a ton of questions about how my org is set up because Developer Experience (DX) as a concept and at Netlify is fairly unique. First up: it’s a hybrid advocacy and engineering role, and some groups in the department are 100% engineering.

url.netlify.com/Hy1aWUQ0P In my opinion, this industry is ready to evolve the framing about what advocacy can bring:

Sometimes advocacy gets far away from eng or product, thus losing empathy- but on the other hand, if you stay engaged in both, it can be quite powerful!

The founders of Netlify are Danish, and I thought it would be funny to learn the language to mess with them this year.

It’s the first New Years resolution I gave up on. Who makes a language where pronouncing vowels is optional anyways? I could learn Erlang faster and mess with my husband instead.

🎉🎉🎉 So excited about this! Part of this is a brand new version of the docs, too!

v3.vuejs.org

@N_Tepluhina, @bencodezen, @notphanan and I have been working for better part of a year. They are the best teammates in the world ❤️

Gonna thread some highlights:

https://twitter.com/vuejs/status/1284232423773962241

We (mostly Natalia and Ben) have done MASSIVE work creating a comprehensive migration guide, that can lead you through changes between v2 and v3, available here:

v3.vuejs.org/guide/migratio…

When I was in grad school, I had a job in conjunction with the Cartoon Art Museum in SF where we taught undereducated kids how to read and write by making autobiographical comic books.

A strange thing happened that I still think about: I taught the same class over several years for 3rd, 4th, and 5th grade kids. The 3rd and 4th graders were so great at drawing and thinking of imaginative subjects. The 5th graders, not so much- but here’s the catch-

I got a few emails from folks who want to submit CFPs to speak at conferences next year but don't know what to talk about. Here's a thread of some concepts in case it's helpful: 1. Pick a really small thing and go all-in on it. One array method. One style property. Find all the ways it can be used, reused, misused. It's interesting as an audience member because you're sure to learn something you didn't know. Easy to research, too.

Some of my favorite learning resources:

- @FrontendMasters for long-form content
- @eggheadio can jump right in and learn while I'm working
- @frontendarmory high quality posts
- @scotch_io posts and demos that are comprehensive
- @enkidevs small daily tasks @FrontendMasters @eggheadio @frontendarmory @scotch_io @enkidevs I also spend a lot of time reverse engineering things I find on @CodePen, @glitch, @github & @codesandbox.

I break them apart and rebuild them to have slightly different functionality. Most end up being throwaway garbage, but they help me see the concept for myself.

🔥 Here’s a performance thread (haha get it, thread?) in case it’s useful to anyone:

1️⃣ If you don’t know Intersection Observer for detecting/loading images/script/whatever, here’s a basic-example example:
codepen.io/sdras/pen/cecb…

Docs: developer.mozilla.org/en-US/docs/Web… 2️⃣ Image optimization for hero photos- this trick I learned from @smashingmag- make the image 2x bigger & make the quality very low

But then I take it another step and use @shshaw's SVG converter, brought >1MB imgs down to 30kb without loss of quality!

s.codepen.io/shshaw/debug/L…

Here’s a thread full of some browser tricks I’ve learned over the years that might help you do animation or other interesting things, in case your resolution is to do more of these kinds of projects getBoundingClientRect() is an awesome native method that tells you important information about an element’s placement on the page. It’s super useful for animation logic, but also debugging!

developer.mozilla.org/en-US/docs/Web…

Ok real talk: I give plenty of speeches and the nerves beforehand never fully go away for me. Never let anyone convince you that experiencing nerves means you shouldn’t be up there. You absolutely do! Here are some awesome benefits: Those same nerves that make you feel anxious or give you stomach problems kick in your ability to think more clearly. You’re literally more able to think more clearly from the adrenaline. You know what else?

Let's talk about how to give feedback for a minute. Giving good feedback is a skill, and it's not easy. But people's ability to receive and act on feedback has a lot to do with how it's delivered. This matters for *both* manager and employee. The best tool I can offer is what's called the "compliment sandwich". Here's how it works.

Let’s talk about how we support each other, using a really strange study. In the podcast below they took similarly performing rats, but told human handlers, "this rat is slow" and then ran it through a race. The rat in question then underperformed.

npr.org/programs/invis… And the rats that humans were told were stellar, ran faster. It turns out that the small ways that the humans were handling these rats changed based on these preconceived notions of them. And it actually affected the rats confidence in themselves!