BrockReece

const observer = new PerformanceObserver(list => {
  list.getEntries().forEach((entry) => {
    //handle each performance mark
  })
})

observer.observe({ entryTypes: [ 'mark', 'measure'] })

BrockReece

import { onMounted, onUnmounted, ref } from "@vue/composition-api";

export function useOnScreen() {
  let isOnScreen = ref(false);

  const observer = new IntersectionObserver(entries => {
    isOnScreen.value = entries.some(entry => entry.intersectionRatio > 0);
  });

  onMounted(function() {

BrockReece

<template>
  <div class="container">
    <img v-if="isOnScreen" width="25%" :src="src" @load="loaded">
  </div>
</template>

<script>
import { useOnScreen } from "../hooks/screen";
import { useLazyLoad } from "../hooks/lazyLoad";

BrockReece

function fn(num) {
	const validNumbers = []
	sortedNumbers.some((n) => {
		const comp = n > num
		if (!comp) {
			validNumbers.push(n)
		}
		return comp
	})
	

BrockReece

import { JSX, For } from 'solid-js'

interface Props<T> {
  items: T[]
  children: T => JSX.Element
}

function GenericList<T> (props: Props<T>) {
  return (
    <For each={ props.items }>