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 }>

BrockReece

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

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

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

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

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

BrockReece

Vue.config.performance = true

BrockReece

<template>
  <div v-if="outOfView" class="placeholder">&nbsp;</div>
  <div v-else>
    <slot></slot>
  </div>
</template>

BrockReece

export default {
    methods: {
        // better for readability
        async veryReadable() {
            const { data } = await axios.get(`https://jsonplaceholder.typicode.com/post/${response.data[0]}/comments?_page=1`)
            this.comments = data
        },

        // better for returning a promise for chaining
        returningPromise() {

BrockReece

const observer = new IntersectionObserver((entries) => {
  entries.forEach(entry => {
    if (entry.intersectionRatio > 0) {
      observer.disconnect()
      this.showComments = true
    }
  })
}, this.options)

observer.observe(this.$refs.ending)

BrockReece

<template>
  <div v-if="outOfView" class="placeholder">&nbsp;</div>
  <div v-else>
    <slot></slot>
  </div>
</template>

<script>
export default {
  props: {