Rename js snippets

collections/js/array-initialization.yaml

@@ -5,12 +5,12 @@ snippetIds:
   - js/s/array-initialization
   - js/s/initialize-array-with-values
   - js/s/initialize-array-with-range
-  - js/s/initialize-array-with-range-right
+  - js/s/initialize-array-with-reversed-range
   - js/s/initialize-mapped-array
   - js/s/initialize-array-while
   - js/s/initialize-array-until
-  - js/s/initialize2-d-array
+  - js/s/initialize-2d-array
-  - js/s/initialize-nd-array
+  - js/s/initialize-n-dimensional-array
 splash: laptop-lamp.png
 description: >-
   When it comes to array initialization in JavaScript, there are as many options

collections/js/array-set-operations.yaml

@@ -2,18 +2,18 @@ slug: js/array-set-operations
 name: JavaScript Array Set Operations
 featured: true
 snippetIds:
-  - js/s/union
+  - js/s/array-union
-  - js/s/intersection
+  - js/s/array-intersection
-  - js/s/difference
+  - js/s/array-difference
-  - js/s/symmetric-difference
+  - js/s/array-symmetric-difference
-  - js/s/union-by
+  - js/s/mapped-array-union
-  - js/s/intersection-by
+  - js/s/mapped-array-intersection
-  - js/s/difference-by
+  - js/s/mapped-array-difference
-  - js/s/symmetric-difference-by
+  - js/s/mapped-array-symmetric-difference
-  - js/s/union-with
+  - js/s/function-based-array-union
-  - js/s/intersection-with
+  - js/s/function-based-array-intersection
-  - js/s/difference-with
+  - js/s/function-based-array-difference
-  - js/s/symmetric-difference-with
+  - js/s/function-based-array-symmetric-difference
 splash: touch-flower.png
 description: >-
   Mathematical set operations can be easily applied to JavaScript arrays. Learn

collections/js/array-tricks.yaml

@@ -2,18 +2,18 @@ slug: js/array-tricks
 name: JavaScript Array Tricks
 featured: true
 snippetIds:
-  - js/s/unique-elements
+  - js/s/unique-elements-in-array
-  - js/s/compact
+  - js/s/compact-array
-  - js/s/any
+  - js/s/any-array-element-is-truthy
-  - js/s/all
+  - js/s/all-array-elements-are-truthy
-  - js/s/none
+  - js/s/all-array-elements-are-falsy
-  - js/s/difference
+  - js/s/array-difference
-  - js/s/union
+  - js/s/array-union
-  - js/s/intersection
+  - js/s/array-intersection
-  - js/s/head
+  - js/s/array-head
-  - js/s/tail
+  - js/s/array-tail
-  - js/s/last
+  - js/s/last-array-element
-  - js/s/flatten
+  - js/s/flatten-array
 splash: terrarium.png
 description: >-
   Arrays are one of the most common data types in JavaScript. While there are

collections/js/comparison.yaml

@@ -8,11 +8,11 @@ snippetIds:
   - js/s/array-comparison
   - js/s/date-comparison
   - js/s/object-is-triple-equals
-  - js/s/equals
+  - js/s/deep-equality-comparison
-  - js/s/matches
+  - js/s/match-object-properties
-  - js/s/matches-with
+  - js/s/function-based-object-property-matches
-  - js/s/have-same-contents
+  - js/s/arrays-have-same-contents
-  - js/s/is-same-date
+  - js/s/date-is-same-as-another-date
 splash: succulent.png
 description: >-
   Comparing values in JavaScript is one of the most common tasks. Yet, there are

collections/js/css-manipulation.yaml

@@ -2,18 +2,18 @@ slug: js/css-manipulation
 name: CSS Manipulation with JavaScript
 featured: true
 snippetIds:
-  - js/s/toggle-class
+  - js/s/toggle-html-element-class
-  - js/s/add-class
+  - js/s/add-class-to-html-element
-  - js/s/remove-class
+  - js/s/remove-class-from-html-element
-  - js/s/has-class
+  - js/s/html-element-has-class
   - js/s/get-style
-  - js/s/set-style
+  - js/s/set-style-for-html-element
-  - js/s/add-styles
+  - js/s/add-styles-to-html-element
   - js/s/inject-css
-  - js/s/hide
+  - js/s/hide-html-elements
-  - js/s/show
+  - js/s/show-html-elements
   - js/s/remove-attributes
-  - js/s/prefix
+  - js/s/prefix-css-property
 splash: planning.png
 description: >-
   Unlock the power of manipulating CSS in the browser, using JavaScript. From

collections/js/dom-manipulation.yaml

@@ -4,10 +4,10 @@ featured: true
 snippetIds:
   - js/s/create-html-elements
   - js/s/create-element
-  - js/s/remove-element
+  - js/s/remove-dom-element
-  - js/s/insert-after
+  - js/s/insert-html-string-after-element
-  - js/s/insert-before
+  - js/s/insert-html-string-before-element
-  - js/s/render-element
+  - js/s/render-dom-element
 splash: hiking-balance.png
 description: >-
   DOM manipulation is a core skill for any web developer. Learn how to

collections/js/event-handling.yaml

@@ -2,14 +2,14 @@ slug: js/event-handling
 name: JavaScript Event Handling
 featured: true
 snippetIds:
-  - js/s/on
+  - js/s/add-event-listener
-  - js/s/off
+  - js/s/remove-event-listener
   - js/s/listen-once
   - js/s/on-click-outside
   - js/s/event-bubbling-capturing-delegation
   - js/s/add-event-listener-all
-  - js/s/remove-event-listener-all
+  - js/s/remove-multiple-event-listeners
-  - js/s/add-multiple-events
+  - js/s/add-multiple-event-listeners
   - js/s/execute-event-handler-once
   - js/s/passive-scroll-listener-performance
   - js/s/on-scroll-stop

collections/js/generators.yaml

@@ -8,14 +8,14 @@ snippetIds:
   - js/s/cycle-generator
   - js/s/generator-to-array
   - js/s/is-generator-function
-  - js/s/chunkify
+  - js/s/chunk-iterable
   - js/s/date-range-generator
   - js/s/index-of-substrings
-  - js/s/walk-through
+  - js/s/walk-through-object
   - js/s/generate-while
   - js/s/generate-until
-  - js/s/left-substr-generator
+  - js/s/left-substring-generator
-  - js/s/right-substr-generator
+  - js/s/right-substring-generator
   - js/s/make-iterable
   - js/s/enum
   - js/s/object-array-proxy

collections/js/logical-operations.yaml

@@ -7,10 +7,10 @@ snippetIds:
   - js/s/not
   - js/s/xor
   - js/s/nor
-  - js/s/when
+  - js/s/conditionally-apply-function
   - js/s/both
-  - js/s/either
+  - js/s/function-logical-or
-  - js/s/complement
+  - js/s/logical-complement
 splash: chess-pawns.png
 description: >-
   Boolean logic and logical operations might not come up that often in

collections/js/object-cloning.yaml

@@ -3,8 +3,8 @@ name: JavaScript Object Cloning
 featured: true
 snippetIds:
   - js/s/shallow-deep-clone
-  - js/s/shallow-clone
+  - js/s/shallow-clone-object
-  - js/s/deep-clone
+  - js/s/deep-clone-object
   - js/s/copy-array
 splash: coffee-phone-tray.png
 description: >-

collections/js/object-key-selection.yaml

@@ -2,10 +2,10 @@ slug: js/object-key-selection
 name: JavaScript Object Key Selection
 featured: true
 snippetIds:
-  - js/s/pick
+  - js/s/pick-object-keys
-  - js/s/omit
+  - js/s/omit-object-keys
-  - js/s/pick-by
+  - js/s/pick-matching-object-keys
-  - js/s/omit-by
+  - js/s/omit-matching-object-keys
 splash: succulent-cluster.png
 description: >-
   Sometimes, JavaScript objects come with a lot of keys and you only need a few

collections/js/object-key-transformations.yaml

@@ -4,10 +4,10 @@ featured: true
 snippetIds:
   - js/s/lowerize
   - js/s/upperize
-  - js/s/map-keys
+  - js/s/map-object-keys
-  - js/s/rename-keys
+  - js/s/rename-object-keys
-  - js/s/deep-map-keys
+  - js/s/deep-map-object-keys
-  - js/s/symbolize-keys
+  - js/s/symbolize-object-keys
 splash: plant-window.png
 description: >-
   Sometimes, object keys aren't exactly what you want them to be. Luckily, this

collections/js/random-value-generators.yaml

@@ -4,8 +4,8 @@ featured: true
 snippetIds:
   - js/s/random-number-in-range
   - js/s/random-integer-in-range
-  - js/s/random-int-array-in-range
+  - js/s/random-integer-array-in-range
-  - js/s/random-alpha-numeric
+  - js/s/random-alphanumeric
   - js/s/random-boolean
   - js/s/random-hex-color-code
   - js/s/random-gauss

collections/js/url.yaml

@@ -11,10 +11,10 @@ snippetIds:
   - js/s/https-redirect
   - js/s/get-url-parameters
   - js/s/get-base-url
-  - js/s/redirect
+  - js/s/redirect-to-url
   - js/s/is-absolute-url
   - js/s/is-same-origin
-  - js/s/url-join
+  - js/s/join-url-segments
 splash: pots-and-plants.png
 description: >-
   URLs are an integral part of the web, which makes working with them an