react-virtualized-sticky-tree/dist/mjs/example/app.js

A React component for efficiently rendering tree like structures with support for position: sticky

import React from 'react';
import ReactDOM from 'react-dom';
import CountriesTree from './CountriesTree';
import CitiesList from "./CitiesList";
class App extends React.PureComponent {
    render() {
        const url = new URL(window.location.href);
        const render = url.searchParams.get('render');
        if (render === 'cities') {
            return React.createElement(CitiesList, null);
        }
        else if (render === 'countries') {
            return React.createElement(CountriesTree, null);
        }
        return (React.createElement("div", { style: { width: '80%', margin: '0 auto', padding: '20px' } },
            React.createElement("div", null,
                React.createElement("a", { href: "/?render=countries" }, "Sticky Tree Example")),
            React.createElement("div", null,
                React.createElement("a", { href: "/?render=cities" }, "List Example"))));
    }
}
ReactDOM.render(React.createElement(App, null), document.getElementById('app'));