A tool for generating simple React apps.
npm install @leiops/tinyapp
A tool for generating trivial, single-document React apps.
We typically use this tool for generating simple docs applications.
``jsx
const path = require('path')
const tinyapp = require('@leiops/tinyapp')
tinyapp({
from: path.resolve(__dirname, './DocsApp.jsx'),
to: path.resolve(__dirname, './docs/index.html'),
title: 'Icons',
})
`
Because Tinyapp does not allow you to provide your own HTML document, it exposes the MOUNT_NODE global variable for use with ReactDom.render.
Your entry file might look something like this:
`jsx
import './styles.scss'
import App from './App.jsx'
import React from 'react'
import ReactDom from 'react-dom'
ReactDom.render(
MOUNT_NODE
)
`
MOUNT_NODE is an alias for document.getElementById("mount-node") - so expect a root div with the id "mount-node" in your final app.
Tinyapp can process React JSX, ES7 JavaScript, CSS, SCSS, and SASS files.
Writes the given application to the specified destination, returns undefined.
`bash``
options
from: required String - path to react app to compile
to: required String - destination path
title: String - the document title