Tungsten

Root Component

Tungsten does not use an index.html file. The core of the HTML output is instead defined in the Root component. Dynamic features can be used as usual to configure and modify this part of the output.

Currently the <head> section is not 'hydrated', meaning that event handlers in this area are not attached. This is down to certain complexity about hydration and the work that the framework does to insert scripts and stylesheets into the head to make the page function. This can be reviewed in the future if it needs to be.

import { SimpleComponent, Stylesheet } from 'tungsten'
import styles from './styles/styles.sass'
                
export class Root extends SimpleComponent {
    content = () => (
        <html>
            <head>
                <Stylesheet>{styles}</Stylesheet>
                <title>Tungsten App</title>
            </head>
            <body>
                <AppRouter />
            </body>
        </html>
    )
}