gormonn / dna

Frontend best practices

DNA, a framework without a framework

These are the best practices of the modern frontend, packed into one simple module.

DNA is a recursive acronym for "DNA's Not Angular"

Usage example:

import {
  nothing,
  html,
  css,
  component,
  useState
} from 'dna'

import styles from './styles.css'

export function MyComponent() {
  const [counter, setCounter] = useState
  return html`
    <style>
      ${styles}
    </style>

    <div>
      <button @click=${ setCounter(counter + 1)}> Count: ${ counter }</button>
    </div>
  `
}

export default component(MyComponent)