Quick start - Solid

Solid has no VDOM - DOM nodes persist via fine-grained signals. Call initAnimations() in onMount. No afterEach needed unless you use @solidjs/router - then re-init on route or reuse the same watcher as Vue.

Usage - Solid component

js
import { onMount } from 'solid-js'
import { initAnimations } from 'gclass-anims'

function App() {
  onMount(() => initAnimations())
  return <div class="appear scroll spawn-up">hello solid</div>
}

Usage - With router

html
import { Router, Route } from '@solidjs/router'
import { onMount } from 'solid-js'
import { initAnimations } from 'gclass-anims'

function Home() { onMount(() => initAnimations()); return <div class="spawn-up">home</div> }
function About() { onMount(() => initAnimations()); return <div class="spawn-up">about</div> }

export default () => (
  <Router>
    <Route path="/" component={Home} />
    <Route path="/about" component={About} />
  </Router>
)