@winter-love/solid v1.0.34

Solid js utils

Use hooks

import {watch} from '@winter-love/solid/use'

Use testing utils

import {render} from '@winter-love/solid/test'
import {describe} from 'vitest'

const Foo = () => <span>hello</span>

describe('Component', () => {
  it('should render hello text', () => {
    const wrapper = render(() => <Foo />)
    
    expect(wrapper.text).toBe('hello')
  })
})

Use Components

import {createImg} from '@winter-love/solid/components'

const WImg = createImg({sizeUrl: ({src, width, height}) => `/${src}?width=${width}&height=${height}`})

export const SomePage = () => {
  return (
    <div>
      <span>Funny img</span>
      <WImg width={[30, 50, 100]} src="/imgs/funny-img.png" />
    </div>
  )
}

refer to

https://raqueebuddinaziz.com/blog/3-patterns-to-write-better-and-more-readable-solidjs-components/