wyze/preact-to-json

Convert Preact components to JSON.

preact-to-json

Convert Preact components to JSON.

Note: This library currently only supports shallow rendering. If you need full (non-shallow) rendering, check out nathancahill/preact-render-to-json.

Installation

$ yarn add --dev preact-to-json

Usage

// ES6
import render from 'preact-to-json'

// ES5
const { render } = require('preact-to-json')

// With Jest
describe('Component', () => {
  it('renders', () => {
    const Component = () => (<a href="//google.com">Google</a>)
    const element = render(<Component />)

    expect(element).toMatchSnapshot()
  })
})

// test.snap
exports[`Component renders 1`] = `
<a
  href="//google.com"
>
  Google
</a>
`;

Change Log

Full Change Log

v1.1.2 (2018-01-26)

• [7201875d00] - Handle when null/undefined children are rendered (Neil Kistner)

License

MIT © Neil Kistner

preact-to-json's Issues

Deep (nested) component support

Hey Neil, I saw your package, but wrote my own based off developit/preact-render-to-string. It's here: nathancahill/preact-render-to-json. This supports nested components, and the rest of the Preact API. Want to give it a mention in your "shallow" disclaimer?