2021-09.md

Mini #10: Change windows taskbar to light grey

via answers.microsoft.com

Full documentation here

Mini #9: Common display resolutions

via Wikipedia

Also, 1024 is too little!

iPad mini 4 2048x1536

iPad mini is 2266x1488

iPad Pro 11 2388x1668

Mini #8: Window.screen (for width & availWidth)

via w3schools

This allow an SPFx webpart to be aware of screen 'avail' width in order to render based on available space in scenarios where this isn't fully controlled via CSS (ex. displaying a carousel in smaller screens rather than a Hero WebPart - this is similar to OOB behaviour for Hero WebPart)

Mini #7: Optional & default function parameters

via TypeScript docs

Mini #6: Site collection app catalog & developer builds

via VeniVidiVici

Mini #5: Get current directory name (not full path) in PowerShell

via StackOverflow

Split-Path -Path (Get-Location) -Leaf

Mini #4: Styling console output

via MDN

Mini #3: linear-gradient CSS

via MDN

Years are easy, months are 0 based numbers so are days - neither holds the names of months/days so that will need to be added as well.

Mini #2: Semantic slots in SPFx

via Fluent UI docs

This is how you can find the semantic slots to use for your theme - very useful when trying to assess how a certain slot behaves in different theme variations

Mini #1: Class constants in TypeScript (using readonly modifier)

via StackOverflow

For bonus points, make sure your custom PowerShell cmdlets all use the same prefix (I use func, see below)

export default class myWP extends React.Component<IMYWPProps, IMYWPState> {
  private readonly classConstant = "this is how to use class constants";
  ...
}