πŸ”₯ There are 254 Hot Tips

Hot tips are spicy lil' nuggets related to web development and tooling that I share on my twitter account. I've logged them here to make them easier to find.

πŸ”₯ Here is a neat one! Since arrays are objects, we can destructure their indexes to easily grab the first and last items.

πŸ”₯ Use Intl.Collator() to easily sort or group strings regardless of their case or accent

πŸ”₯ New in ES2019, we have a .flat() method to flatten these types of chunked arrays.

πŸ”₯ When working with an API, I often need to chunk up a list of users and send them in batches.

Array.from() is a great way to chunk up arrays because of the secondary argument being a map function.

πŸ”₯ Use Intl.PluralRules() to easily find the ordinal for numbers - 1st, 2nd, 3rd, 4th...

πŸ”₯ Use Intl.DateTimeFormat() to create nicely formatted date and time strings

πŸ”₯ Use Intl.RelativeTimeFormat() to get nicely formatted relative time strings.

πŸ”₯ Object.fromEntries() is a new method for converting Arrays, maps or other iterables into objects

πŸ”₯ Use CSS Variables to do partial property overwrites. Handy for CSS properties that only accept multiple values.

πŸ”₯ If you have a pesky 301 redirect that won't clear, open dev tools and load the page with the "disable cache"

Log this in your head for later, you'll need it like I just did πŸ˜ƒ

Syntax Podcast

Hold on β€” I'm grabbin' the last one.

Listen Now β†’

@wesbos Instant Grams

One sec, getting the gramz...

Master Gatsby

Master Gatsby

Building modern websites is tough. Preloading, routing, compression, critical CSS, caching, scaling and bundlers all make for blazing fast websites, but extra development and tooling get in the way.

Gatsby is a React.js framework that does it all for you. This course will teach you how to build your websites and let Gatsby take care of all the Hard Stuffβ„’.

MasterGatsby.com
I post videos on and code on

Wes Bos Β© 1999 β€” 2020