История изменений

Перепробовал несколько генераторов.. Очень быстро упираешься в немощь шаблонизатора и начинаешь обмазываться плагинами и/или пердолить свой код. Остановился на preact/typestyle. И typescript для компиляции tsx-компонентов в nodejs модули

Впрочем, подойдет любой современный js-фреймворк и любой css-in-js. Они давно давно умеют рендерить в строку (т.н. SSR). Щепотка магии и на выходе получается минифицированный статический html-файлик со встроенными стилями.

Маркдаун — ничего проще. Компонента

 <Markdown text={text} /> 

в любом месте страницы. Текст получай как хош и откуда хош в рамках nodejs-процесса. Никаких тебе анальных ограничений генераторов

Благодаря HOC, отдельные куски верстки получаются максимально переносимые. В паре мест заюзал даже реактовый context API для проброса информации о странице глубоко внутрь дерева компонентов (при помощи useContext хука). А на выходе все-равно статика. Чудеса!

Отдельный вид извращений — прегенерация данных для динамических компонент. Например, взять список файлов в директории и засунуть в тэг

<script language=«application/json» />

, для того чтобы SPA компонента галереи, размещенная на этой странице, знала какие картинки лежат на сервере

Перепробовал несколько генераторов.. Очень быстро упираешься в немощь шаблонизатора и начинаешь обмазываться плагинами и/или пердолить свой код. Остановился на preact/typestyle. И typescript для компиляции tsx-компонентов в nodejs модули

Впрочем, подойдет любой современный js-фреймворк и любой css-in-js. Они давно давно умеют рендерить в строку (т.н. SSR). Щепотка магии и на выходе получается минифицированный статический html-файлик со встроенными стилями.

Маркдаун — ничего проще. Компонента

 <Markdown text={text} /> 

в любом месте страницы. Текст получай как хош и откуда хош в рамках nodejs-процесса. Никаких тебе анальных ограничений генераторов

Благодаря HOC, отдельные куски верстки получаются максимально переносимые. В паре мест заюзал даже реактовый context API для проброса информации о странице глубоко внутрь дерева компонентов (при помощи useContext хука). А на выходе все-равно статика. Чудеса!

Отдельный вид извращений — прегенерация данных для динамических компонент. Например, взять список файлов в директории и засунуть в тэг

<script language=«application/json» />

, для того чтобы SPA компонента галереи знала какие картинки лежат на сервере

Перепробовал несколько генераторов.. Очень быстро упираешься в немощь шаблонизатора и начинаешь обмазываться плагинами и/или пердолить свой код. Остановился на preact/typestyle. И typescript для компиляции tsx-компонентов в nodejs модули

Впрочем, подойдет любой современный js-фреймворк и любой css-in-js. Они давно давно умеют рендерить в строку (т.н. SSR). Щепотка магии и на выходе получается минифицированный статический html-файлик со встроенными стилями.

Маркдаун — ничего проще. Компонента

 <Markdown text={text} /> 

в любом месте страницы. Текст получай как хош и откуда хош в рамках nodejs-процесса. Никаких тебе анальных ограничений генераторов

Благодаря HOC, отдельные куски верстки получаются максимально переносимые. В паре мест заюзал даже реактовый context API для проброса информации о странице глубоко внутрь компонентов (при помощи useContext хука). А на выходе все-равно статика. Чудеса!

Отдельный вид извращений — прегенерация данных для динамических компонент. Например, взять список файлов в директории и засунуть в тэг

<script language=«application/json» />

, для того чтобы SPA компонента галереи знала какие картинки лежат на сервере

Перепробовал несколько генераторов.. Очень быстро упираешься в немощь шаблонизатора и начинаешь обмазываться плагинами и/или пердолить свой код. Остановился на preact/typestyle. И typescript для компиляции tsx-компонентов в nodejs модули

Впрочем, подойдет любой современный js-фреймворк и любой css-in-js. Они давно давно умеют рендерить в строку (т.н. SSR). Щепотка магии и на выходе получается минифицированный статический html-файлик со встроенными стилями.

Маркдаун — ничего проще. Компонента

 <Markdown text={text} /> 

в любом месте страницы. Текст получай как хош и откуда хош в рамках nodejs-процесса. Никаких тебе анальных ограничений генераторов

Благодаря HOC, отдельные куски получаются максимально переносимые. В паре мест заюзал даже реактовый context API для проброса информации о странице глубоко внутрь компонентов (при помощи useContext хука). А на выходе все-равно статика. Чудеса!

Отдельный вид извращений — прегенерация данных для динамических компонент. Например, взять список файлов в директории и засунуть в тэг

<script language=«application/json» />

, для того чтобы SPA компонента галереи знала какие картинки лежат на сервере