Alright, we’re back to the regular cadence of the newsletter now that I’ve moved it over to Revue.

Another week, another newsletter. Let’s get to it!

Around the Web

You can now Tweet using the Twitter API. 🐦

Edge DevTools for Visual Studio Code 1.4.0 - Improved Screencasting, Device Emulation and live, inline issue reporting - VSCodeTips

The 1.4.0 release of the Microsoft Tools for Visual Studio Code brings a few highly requested… Tagged with debugging, browsers, extensions.

community.vscodetips.com

The disabled attribute is something I’ve been flip-flopping on a lot lately after reviewing some PRs and from what I’ve learnt from working with my awesome co-worker Suzanne.

This post from Sandrina Pereira, Making Disabled Buttons More Accessible, was a great read.

Some things that also stood out for me were these two pieces in the article.

and this one

Making Disabled Buttons More Inclusive | CSS-Tricks

Let’s talk about disabled buttons. Specifically, let’s get into why we use them and how we can do better than the traditional disabled attribute in HTML

css-tricks.com

If you use TypeScript or tools that are powered by TypeScript, e.g. VS Code, this is huge. TLDR; if you destructure a discriminated union type, using the destructured properties will still be type aware of which union type it was a part of. This snippet from the pull request (PR) explains it best if you don’t feel like diving into the PR

type Action =

| { kind: 'A', payload: number }

| { kind: 'B', payload: string };

function f10({ kind, payload }: Action) {

if (kind === 'A') {

payload.toFixed();

}

if (kind === 'B') {

payload.toUpperCase();

}

}

Control flow analysis for destructured discriminated unions by ahejlsberg · Pull Request #46266 · microsoft/TypeScript · GitHub

This PR implements control flow analysis for dependent parameters and variables declared by destructuring discriminated unions. Specifically, when non-rest binding elements are declared as const variables or const-like parameters (parameters for which there are no assignments in the function body) and the parent type for the destructuring is a discriminated union type, conditional checks for variables destructured from discriminant properties now affect the types of other variables declared in the same destructuring. Some examples: type Action = | { kind: ‘A’, payload: number } | { kind: ‘B’, payload: string };

function f10({ kind, payload }: Action) { if (kind === ‘A’) { payload.toFixed(); } if (kind === ‘B’) { payload.toUpperCase(); } }

function f11(action: Action) { const { kind, payload } = action; if (kind === ‘A’) { payload.toFixed(); } if (kind === ‘B’) { payload.toUpperCase(); } }

function f12({ kind, payload }: Action) { switch (kind) { case ‘A’: payload.toFixed(); break; case ‘B’: payload.toUpperCase(); break; default: payload; // never } }

function f13(it: Iterator) { const { value, done } = it.next(); if (!done) { value; // number } } Fixes #10830. Fixes #35283. Fixes #38020. Fixes #46143.

github.com

This looks like a sweet addition to the Chrome DevTools

Fun Stuff

This cracked me up. I own a hamster and I love Daft Punk. I can’t confirm, but I’m sure the little fella is OK.

1000x engineer lol

Words of Wisdom for the Week

Twitter is still a great space for folks in tech, but Angie drops a truth bomb.

Shameless plugs

Stephanie Eckles joined us on the DEV Twitch stream this week. It was so much hanging out with her. She’s put out so much amazing content like ModernCSS.dev. Check out thinkdobecreate.com to see all her body of work.

Thanks again for joining us Steph!

I’m not one to brag, but I’m really proud of what we’ve done with the DEV Twitch stream. The short story is I was streaming on my own account with folks in the community pairing on issues/live coding and as Hacktoberfest 2020 approached, I suggested that we should stream on the DEV Twitch account because it was just sitting there. And the rest is history. 😎

Shoutout again to my awesome co-host Christina!

Not a shameless plug, but I finally minted my NFT to join the Developer DAO. I had already joined the Discord but hadn’t finished the registration, i.e. the NFT.

I know not everyone is a fan of web3 or even that term, but I’m enjoying learning about the space and Developer DAO is a super welcoming community. If you want to follow my web 3 adventures, I have a series on dev.to.

web3 adventures Series' Articles - DEV Community

View web3 adventures Series’ Articles on DEV Community

dev.to

Until the next iss

This newsletter is coming to you a couple of weeks late, but I’m back in the habit now that I’m on the new platform.

Another week, another newsletter. Let’s get to it!

Around the Web

NEXT.js 12 is out. Lots of great stuff in there. I caught the conference this past week. The Vercel team is doing so many things in regards to improving DX and not compromising on UX.

This got all sorted out thanks to the .NET community and amazing folks on the inside like Scott Hanselman.

Kevin Powell has released a free course so you can level up your frontend skills thanks to a collaboration with Scrimba and Frontend Mentor. 

Parcel 2 has dropped!

Fun Stuff

Words of Wisdom for the Week

Shameless plugs

I’ve become more curious about web3 and have started to build out decentralized apps (dApps) to ramp up in this space via a great community called Buildspace.

Here’s a couple of posts about the dApps I’ve created recently.

I built my first dApp! - DEV Community

This past weekend I completed a web3 project from the awesome folks at buildspace. The project was… Tagged with dapp, web3, nextjs, react.

dev.to

An NFT based game - DEV Community

The project So this past week I built out my second dApp with the current cohort in the… Tagged with web3, dapp, nextjs, react.

dev.to

We had a couple of great guests the past two weeks on the DEV Twitch stream. First up, we had Jonathan Creamer from Microsoft. We discussed frontend infrastructure, open source, and a term he coined, divops.

This week we had Will Johnson on the stream. We talked about dev rel, content creation, Framer Motion, Will’s new course on Framer Motion, and RenderATL and all the satellite projects associated with it.

Thanks to both of you for joining us!

Coming up this week, we have the amazing Stephanie Eckles joining us on the DEV Twitch stream! Come by and say hi at 5 pm UTC on Wednesday, November 3rd!

And lastly, if you’re a fan of VS Code, I started a community a little while back that builds off a Twitter community I started a few years ago.

Come by and say hi!

Until the next iss

Another week, another newsletter. Let’s get to it!

Around the Web

• Partitioning GitHub’s relational databases to handle scale
• DevOps for Dummies author Emily Freeman introduces revolutionary model for modern software development
• A great live stream on some VS Code tips with Burke Holland and James Q. Quick
• Taylor Dessyn’s Guidance Counselor 2.0 with Jem Young - Love the conversations in this stream about hiring and the job search.
• Serverless Live Streaming with Cloudflare Stream
• Introducing Twitter for Professionals - I’m curious about folks’ thoughts on this one

Fun Stuff

Another week, another newsletter. Let’s get to it!

Around the Web

• The days are long but the decades are short – This appeared in my feed care of Guillermo Rauch
• How to Write Good Commit Messages: A Practical Git Guide
• Check out motion.dev – From Matt Perry, the creator of Framer motion. More about it from Matt on Twitter.
• I’m sure Shawn dropped this on his own newsletter, but this was such an amazing conversation between Shawn Wang and Sunil Pai. Here is the outline of what was discussed.
• A great thread on questions to ask a potential employer – Kyle Shevlin through the question out to Twitter and folks didn’t disappoint.

Fun Stuff

Another week, another newsletter. Let’s get to it!

Around the Web

• Eliminating cold starts with Cloudflare Workers
• CEO Ridiculed for Raising Minimum Wage to $70K Has the Last Laugh
• READMEs for organization profiles on GitHub
• Travis CI flaw exposed secrets of thousands of open source projects

Fun Stuff

Another week, another newsletter. Let’s get to it!

Around the Web

• Native Rust support on Cloudflare Workers
• Open source backend-as-a-service startup Supabase raises $30M
• Apple must allow other forms of in-app purchases, rules judge in Epic v. Apple
• # Twas the night before #15DaysOfCSS – 15 days of CSS is back for 2021
• Compilers for Humans – A paid resource, but I’m looking forward to when this drops.
• Front End Happy Hour - Dealing with burnout - Burnt Orange Campari via Vaidehi Joshi on Twitter – My old colleague Vaidehi and others get real about burnout.

Fun Stuff

Another week, another newsletter. Let’s get to it!

Around the Web

• GraphQL at PayPal: An Adoption Story
• CSS Nesting 1 spec has it’s 1st working public draft via Adam Argyle on Twitter
• Creating GitHub CLI extensions
• How to become a software app developer | Interview with @bdougie

Fun Stuff

Another week, another newsletter. Let’s get to it!

Around the Web

• Mistakes I made while maintaining an open-source React Native library for five years
• Accessible images, icons and emojis - This came up in a pull request this week in a conversation with myself, and some other coworkers, including my coworker Suzanne who wrote this post
• Engineering Manager Resources - a great repository of engineering manager resources care of Ryan Burgess, an engineering manager at Netflix
• Creating a Personal Success Framework by Freddie Carthy
• Apple loosens rules for developers, in major concession amid antitrust pressure
• # EXCLUSIVE-Microsoft warns thousands of cloud customers of exposed databases -emails 😬

Fun Stuff

Another week, another newsletter. Let’s get to it!

Around the Web

• Not sure how I feel about Mark Zuckerberg promoting a virtual office where we’re all characters.
• Sourcegraph plans to index the entire open source web
• Deno episode from the HTTP 203 show on the Google Chrome Developers YouTube channel - Jake and Surma give an introduction to Deno, a secure runtime for JavaScript and TypeScript
• The Big Gotcha With Custom Properties - Chris Coyier shows us some gotchas with custom properties in CSS
• # Embrace 1% Days - I came across this post from Sam Julien this week on Twitter.

Fun Stuff

Another week, another newsletter. Let’s get to it!

Around the Web

• I starred the spark-joy repository a while ago, but it popped back in my Twitter feed this week. “Easy ways to add design flair, user delight, and whimsy to your product!”
• For those who do not use Visual Studio Code, support for GitHub’s Copilot is coming to vim and Jetbrains products via Nat Friedman on Twitter
• Looking to get buy-in to adopt GraphQL at your workplace? Kurt Kemple has you covered with this Tweet thread
• 35 Principles for 35 Years by Shawn Wang.
• RubyJard Just Another Ruby Debugger
• Stay alert A follow up to last week where Chrome 91 drops alert, confirm, and prompt from cross origin frames care of Rich Harris
• On the <dl> by Ben Myers
• Code House your one stop shop for cheat sheets

Fun Stuff

Another week, another newsletter. Let’s get to it!

Around the Web

• Get Started with Obsidian as a Developer by Sam Julien
• A Tweet thread of some great programming tips from Ali Spittel
• Shaundai Person brought this resource to my attention. If you’re looking to write a call for proposal (CFP) for a conference(s), Colby Fayock has your back with cfptemplate.com
• A bunch of great CSS Tricks articles curated in a nice Tweet thread care of Chris Coyier.
• Chrome 91 drops alert, confirm, and prompt from cross origin frames. Rich Harris chimes in on Twitter as well as many others about this breaking change.
• Cloudflare Tunnel, a free ngrok alternative care of Cloudflare

Fun Stuff

Another week, another newsletter. Let’s get to it!

Around the Web

• Designing A Workflow Engine from First Principles
• Yarn 3.0 🚀🤖 Performances, ESBuild, Better Patches, …
• argbash.io - From the site, “Argbash is a code generator - write a short definition and let Argbash modify your script so it magically starts to expose a command-line interface to your users and arguments passed using this interface as variables.”
• Creating an accessible autocomplete experience
• Discord rolls out threads, side conversations that auto-archive
• Safari isn’t protecting the web, it’s killing it

Fun Stuff

Another week, another newsletter. Let’s get to it!

Around the Web

• Everything Josh Comeau does is amazing, and his latest post is well… amazing! How To Learn Stuff Quickly
• Practical Use Cases for Scroll-Linked Animations in CSS with Scroll Timelines
• A Step-By-Step Process for Turning Designs Into Code care of Mark Noonan (one of my friends from my Virtual Coffee community)
• If you’re a VS Code fan, check out Easier browser debugging with Developer Tools integration in Visual Studio Code
• I don’t know how new this feature is, but GMail allows you to create appointment slots in Google Calendar now. Currently it’s only available for work or school accounts. As someone who uses Calendly, I might check this out.

Fun Stuff

Another week, another newsletter. Let’s get to it!

Around the Web

• I really enjoy listening to Shawn Wang‘s The Swyx Mixtape. This week’s mix tape was about developer community which I really enjoyed. Check out [Weekend Drop] Why Invest in Developer Community? GitHub OCTO Speaker Series
• A great Twitter thread on storytelling
• Dan Abramov and Maggie Appleton‘s Just JavaScript course dropped recently. I had a chance to get my hands on it before it was released and it’s fantastic. It’s at a super reduced price for the next little while. If you’re looking to grok JS better, this might help you out!
• An interesting read on the Rust project. Rust is not a Company
• Laurie Barth hit her 100th blog post and wrote A Blog on Blogging. You might find some useful tips in there!
• For all the Rubyists out there, check out Fullstaq Ruby, Ruby, optimized for production
• Licenses for OSS projects. Which one do you pick? These two resources got your back!
  • A dev’s guide to open source software licensing
  • choosealicense.com

Fun Stuff

Another week, another newsletter. Let’s get to it!

Around the Web

• Sarah Drasner is releasing a book on engineering management, sign up to be notified when it drops. A lot of the material from the book is also available on her blog as well.
• Building a Responsive Layout with CSS Grid and Container Queries! w/ Stephanie Eckles
• Jen Simmons teaches us in 5 minutes what aspec-ration is in CSS
• Git Command Explorer if you need to work on your gitfu
• Fastest Way to Deploy a Database (10 Seconds!?) by Lee Robinson

Fun Stuff

Another week, another newsletter. Let’s get to it!

Around the Web

• Solid, a declarative, efficient and flexible JavaScript library for building user interfaces.
• GitHub releases a technical preview of Copilot, an AI tool that provides suggestions while coding. I got access to the preview and will have a blog post/stream about this in the next week or so.
• Neeva, an add-free, privacy first search engine created by ex-Googlers
• Slack launches Huddles, a Discord-like audio calls
• Good Meetings, a great post on CSS-Tricks by Sarah Drasner

Cool Stuff

Another week, another newsletter. Let’s get to it!

Around the Web

• An awesome list of women streamers, Women Who Stream Tech
• An interesting piece for engineering teams. No code reviews by default
• Vercel raises $102M Series C for its front-end development platform
• I’ve been enjoying Chris Biscardi’s Release Radar videos. This one came out a couple of weeks ago, but for the streamers out there, you want to hear about all the new goodness in OBS. OBS Studio 27: The one with undo – Release Radar
• A new GitHub Issues: Project planning for developers
• I found out about confreaks.tv this week. Check it out!
• If you’re a fan of Visual Studio Code, you’ll want to check out 10 things you didn’t know about GitLens
• Yes another static site generator, but this one looks pretty interesting if you’re a React or MDX fan or both! Nextra, a static generator for React/MDX

Cool Stuff

Another week, another newsletter. Let’s get to it!

Around the Web

• Andy Bell’s Tips for freelancing
• I came across Raycast this week. It’s a Spotlight alternative for macOS, much like Alfred, but it apparently provides much deeper and more native integrations to third party services. Take it for a spin and see for yourself! Also, for non-Mac folks, it looks like this will roll out to other platforms at some point.
• NEXT.js releases NEXT.js Live!
• NEXT.js 11 is out!
• Introducing Aurora: A collaboration between Chrome and open-source web frameworks & tools
• For those looking to see what’s out there for accessibility tooling, Smashing Magazine via Nic Chan have you covered
• Awesome Vite.js, a curated list of awesome things related to Vite.js
• What’s new in React 18? by Shruti Kapoor
• CSS Container Queries, Layers, Scoping and More with Miriam Suzanne on the latest syntax.fm!

Wear Your Helmet!

Welcome to the first issue of Yet Another Newsletter LOL!

As mentioned in my blog post about starting this newsletter, this newsletter will be mainly about web development, programming in general, and tech industry related news, but I may also throw in some fun random stuff occasionally.

Let’s get to it.

Around the Web