Что это такое?
Spectacle — это библиотека презентаций на основе React: вы пишете стильные слайды как JSX-компоненты и можете вживую демонстрировать код прямо во время доклада.
Spectacle — это библиотека презентаций на основе React: вы пишете стильные слайды как JSX-компоненты и можете вживую демонстрировать код прямо во время доклада.Это приложение вроде Keynote или слайды нужно писать кодом?Это библиотека, а не отдельное приложение. Слайды — это React-компоненты, которые вы пишете кодом, а готовая презентация работает как веб-страница, а не как файл .pptx.
Это библиотека, а не отдельное приложение. Слайды — это React-компоненты, которые вы пишете кодом, а готовая презентация работает как веб-страница, а не как файл .pptx.Если я хочу попробовать, с чего начать?Следуйте сайту документации, ссылка на который есть в README — его исходники лежат в папке docs репозитория. В монорепозитории также есть готовые примеры для запуска (JS, TypeScript, MD, MDX и настройка на одной странице).
Следуйте сайту документации, ссылка на который есть в README — его исходники лежат в папке docs репозитория. В монорепозитории также есть готовые примеры для запуска (JS, TypeScript, MD, MDX и настройка на одной странице).Нужно ли знать React, чтобы сделать презентацию?Да — слайды это React-компоненты, написанные на JSX, так что знание React и есть главное требование. Сам репозиторий — это монорепозиторий на pnpm, требующий Node.js >= 22.
Да — слайды это React-компоненты, написанные на JSX, так что знание React и есть главное требование. Сам репозиторий — это монорепозиторий на pnpm, требующий Node.js >= 22.Проект живой или стоит ждать, что он брошен?Проект живой: в README он помечен как Active, и Formidable планирует работать над ним и дальше. Настоящая загвоздка в том, что слайды — это код: графического редактора нет.
Проект живой: в README он помечен как Active, и Formidable планирует работать над ним и дальше. Настоящая загвоздка в том, что слайды — это код: графического редактора нет.Где мне в итоге показывать готовую презентацию?В веб-браузере — презентации представляют собой React-приложения, так что носить с собой файл PowerPoint или Keynote не нужно. Про экспорт в PDF или PPTX в README не упоминается.
В веб-браузере — презентации представляют собой React-приложения, так что носить с собой файл PowerPoint или Keynote не нужно. Про экспорт в PDF или PPTX в README не упоминается.Есть ли инструмент-скаффолдер, чтобы быстро начать презентацию?Да — в CI репозитория есть workflow create-spectacle, что согласуется с упоминанием в README сопутствующих инструментов рядом с основным пакетом; точные команды смотрите на сайте документации.
Да — в CI репозитория есть workflow create-spectacle, что согласуется с упоминанием в README сопутствующих инструментов рядом с основным пакетом; точные команды смотрите на сайте документации.Можно ли писать слайды на Markdown вместо JSX?Да — в монорепозитории есть отдельные примеры для Markdown и MDX со своими скриптами запуска (pnpm start:md, start:mdx), так что содержимое презентации может оставаться в файлах .md/.mdx.
Да — в монорепозитории есть отдельные примеры для Markdown и MDX со своими скриптами запуска (pnpm start:md, start:mdx), так что содержимое презентации может оставаться в файлах .md/.mdx.Как работает живой кодинг в слайдах?Живая демонстрация кода — фирменная возможность Spectacle: слайды могут показывать код, который реально выполняется во время доклада, вместо вставленных скриншотов. Подробности описаны на сайте документации.
Живая демонстрация кода — фирменная возможность Spectacle: слайды могут показывать код, который реально выполняется во время доклада, вместо вставленных скриншотов. Подробности описаны на сайте документации.What are similar projects?mdx-deck, nodeppt, pdfcn, bolt-slides, marp, open-slide, hooks, nuqs
mdx-deck, nodeppt, pdfcn, bolt-slides, marp, open-slide, hooks, nuqsWhich topics is it in?slides, jsx, presentation, reactjs, markdown, web-development, react, free, npm, frontend, library, typescript
slides, jsx, presentation, reactjs, markdown, web-development, react, free, npm, frontend, library, typescript