developit / developit/preact-transition-group

[Help] es6 import context

Open
#13 3 comments 0 reactions 0 assignees View on GitHub
Dominant language
JavaScript
Stars
54
Forks
9
PR merge metrics
No merged PRs in 30d

Description

Could you help me figure out how to use this module with es6 imports.
I can see breakpoints are hit inside `preact-transition-group.mjs`, however it's minified and hard to debug.

The simplest example possible from doesn't seem to work

```html

demo

.example-appear {
opacity: 0.01;
}

.example-appear.example-appear-active {
opacity: 1;
transition: opacity .5s ease-in;
color: red;
}


import { html, render } from 'https://unpkg.com/htm/preact/standalone.module.js';
import TransitionGroup from 'https://unpkg.com/preact-transition-group@2.0.0/dist/preact-transition-group.mjs?module';

function Home() {
return html`
<div>
home
</div>
`;
}
function App() {
return html`
<${TransitionGroup} component="div" transitionName="example" transitionAppear="true"
transitionAppearTimeout="${500}" transitionEnter="enter" transitionLeave="leave">
<${Home} key="home" />
</${TransitionGroup}>
`;
}

render(html`<${App} />`, document.body);

```

Contributor guide

No contributing guide indexed for this repository

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.