Исправление Deleted, (текущая версия) :
Перепробовал несколько генераторов.. Очень быстро упираешься в немощь шаблонизатора и начинаешь обмазываться плагинами и/или пердолить свой код. Остановился на preact/typestyle. И typescript для компиляции tsx-компонентов в nodejs модули
Впрочем, подойдет любой современный js-фреймворк и любой css-in-js. Они давно давно умеют рендерить в строку (т.н. SSR). Щепотка магии и на выходе получается минифицированный статический html-файлик со встроенными стилями.
Маркдаун — ничего проще. Компонента
<Markdown text={text} /> в любом месте страницы. Текст получай как хош и откуда хош в рамках nodejs-процесса. Никаких тебе анальных ограничений генераторовБлагодаря HOC, отдельные куски верстки получаются максимально переносимые. В паре мест заюзал даже реактовый context API для проброса информации о странице глубоко внутрь дерева компонентов (при помощи useContext хука). А на выходе все-равно статика. Чудеса!
Отдельный вид извращений — прегенерация данных для динамических компонент. Например, взять список файлов в директории и засунуть в тэг
<script language=«application/json» />, для того чтобы SPA компонента галереи, размещенная на этой странице, знала какие картинки лежат на сервере
Исправление Deleted, :
Перепробовал несколько генераторов.. Очень быстро упираешься в немощь шаблонизатора и начинаешь обмазываться плагинами и/или пердолить свой код. Остановился на preact/typestyle. И typescript для компиляции tsx-компонентов в nodejs модули
Впрочем, подойдет любой современный js-фреймворк и любой css-in-js. Они давно давно умеют рендерить в строку (т.н. SSR). Щепотка магии и на выходе получается минифицированный статический html-файлик со встроенными стилями.
Маркдаун — ничего проще. Компонента
<Markdown text={text} /> в любом месте страницы. Текст получай как хош и откуда хош в рамках nodejs-процесса. Никаких тебе анальных ограничений генераторовБлагодаря HOC, отдельные куски верстки получаются максимально переносимые. В паре мест заюзал даже реактовый context API для проброса информации о странице глубоко внутрь дерева компонентов (при помощи useContext хука). А на выходе все-равно статика. Чудеса!
Отдельный вид извращений — прегенерация данных для динамических компонент. Например, взять список файлов в директории и засунуть в тэг
<script language=«application/json» />, для того чтобы SPA компонента галереи знала какие картинки лежат на сервере
Исправление Deleted, :
Перепробовал несколько генераторов.. Очень быстро упираешься в немощь шаблонизатора и начинаешь обмазываться плагинами и/или пердолить свой код. Остановился на preact/typestyle. И typescript для компиляции tsx-компонентов в nodejs модули
Впрочем, подойдет любой современный js-фреймворк и любой css-in-js. Они давно давно умеют рендерить в строку (т.н. SSR). Щепотка магии и на выходе получается минифицированный статический html-файлик со встроенными стилями.
Маркдаун — ничего проще. Компонента
<Markdown text={text} /> в любом месте страницы. Текст получай как хош и откуда хош в рамках nodejs-процесса. Никаких тебе анальных ограничений генераторовБлагодаря HOC, отдельные куски верстки получаются максимально переносимые. В паре мест заюзал даже реактовый context API для проброса информации о странице глубоко внутрь компонентов (при помощи useContext хука). А на выходе все-равно статика. Чудеса!
Отдельный вид извращений — прегенерация данных для динамических компонент. Например, взять список файлов в директории и засунуть в тэг
<script language=«application/json» />, для того чтобы SPA компонента галереи знала какие картинки лежат на сервере
Исходная версия Deleted, :
Перепробовал несколько генераторов.. Очень быстро упираешься в немощь шаблонизатора и начинаешь обмазываться плагинами и/или пердолить свой код. Остановился на preact/typestyle. И typescript для компиляции tsx-компонентов в nodejs модули
Впрочем, подойдет любой современный js-фреймворк и любой css-in-js. Они давно давно умеют рендерить в строку (т.н. SSR). Щепотка магии и на выходе получается минифицированный статический html-файлик со встроенными стилями.
Маркдаун — ничего проще. Компонента
<Markdown text={text} /> в любом месте страницы. Текст получай как хош и откуда хош в рамках nodejs-процесса. Никаких тебе анальных ограничений генераторовБлагодаря HOC, отдельные куски получаются максимально переносимые. В паре мест заюзал даже реактовый context API для проброса информации о странице глубоко внутрь компонентов (при помощи useContext хука). А на выходе все-равно статика. Чудеса!
Отдельный вид извращений — прегенерация данных для динамических компонент. Например, взять список файлов в директории и засунуть в тэг
<script language=«application/json» />, для того чтобы SPA компонента галереи знала какие картинки лежат на сервере