An introduction to the syntax supported in the upcomming MDX v2 release.

Use the built-in prismPreset option to add prism highlighting to gatsby-theme-blog.

Set up gatsby-theme-blog in order to add pre-built blog functionality to your Gatsby site.

You can use optional chaining to access elements in an array. If the array is null or undefined, attempting to access an element with optional chaining prevents an error from being thrown, returning undefined instead.

You can use optional chaining to access properties of an object. If the parent property exists, it acts as a typical dot accessor. If not, optional chaining prevents an error from being thrown and instead returns undefined.

Learn how you can use fromEvent as if it were addEventListener. Create an observable stream of actions on an HTML DOM element.

Use the RxJS of operator to create a stream with a set of data. Use the interval and zip operators to time delay each piece of data in the stream.

Use the RxJS from operator to create a stream with an array of data. Use the interval and zip operators to time delay each element in the stream.

Learn how to use splice with one, two or three+ arguments. With one argument...

Determine whether a keybinding in VS Code is duplicated and change the binding to a unique set of keys so you can use the shortcut.

Use the Peacock extension to assign colors to the border of each VS code window or project.

Use the focus-within pseudo-class to conditionally assign styling to a parent element when its child receives focus.

Use the focus pseudo-class to assign conditional styling when I user selects an element.

Use the hover pseudo-class to apply conditional styling when a user interacts with an element but has not yet activated it.

Use nested destructuring to access the value of an object within an object.

Use the flatMap function to both map and flatten at the same time.

Use the spread operator to copy a flat object. Note that this is a shallow copy.

Arrays can be iterated through using both for...in and for...of, but there are differences. This video shows that for...of accesses the values of each element and for...in accesses the indexes of each element.

Use the spread operator to merge multiple arrays. This example uses two, but the same pattern can be used for more.

Using the spread operator you can merge objects. This example uses two objects, but the syntax is the same for more. Note that duplicate keys will be overridden.

Use the spread operator to create a copy of a flattened array.

Use these functions in order to flip back and forth between an Object and an Array.

This is an example of how to use the flat method available on the array prototype in JavaScript.