Что это?
pdfcn — бесплатная open-source коллекция готовых к использованию, настраиваемых PDF-компонентов для React, которые вы копируете в свой проект и поставляете с ним, а не устанавливаете как зависимость.
pdfcn — бесплатная open-source коллекция готовых к использованию, настраиваемых PDF-компонентов для React, которые вы копируете в свой проект и поставляете с ним, а не устанавливаете как зависимость.Это библиотека для импорта или набор компонентов в стиле shadcn, которые я копирую к себе?Работает как shadcn/ui: вы копируете исходники компонентов в свою кодовую базу через тот же формат реестра и CLI-процесс, поэтому код в вашем владении и его можно править напрямую.
Работает как shadcn/ui: вы копируете исходники компонентов в свою кодовую базу через тот же формат реестра и CLI-процесс, поэтому код в вашем владении и его можно править напрямую.Как добавить компоненты pdfcn в свой React-проект?Вы подтягиваете отдельные компоненты и блоки — таблицы, формы, графики, счета, отчёты и другие — из реестра pdfcn через shadcn/ui-совместимый CLI-процесс.
Вы подтягиваете отдельные компоненты и блоки — таблицы, формы, графики, счета, отчёты и другие — из реестра pdfcn через shadcn/ui-совместимый CLI-процесс.Нужно ли настраивать Takumi или Forme отдельно?Нет, каждый компонент просто рендерит свой PDF через один из двух встроенных движков рендеринга, Takumi или Forme, а какой именно использует данный компонент, выбираете вы.
Нет, каждый компонент просто рендерит свой PDF через один из двух встроенных движков рендеринга, Takumi или Forme, а какой именно использует данный компонент, выбираете вы.Он идёт преднастроенным или придётся многое подкрутить перед работой?Это zero-config-решение, работающее из коробки с разумными умолчаниями, но при желании глубже настроить открывает props и общие темы.
Это zero-config-решение, работающее из коробки с разумными умолчаниями, но при желании глубже настроить открывает props и общие темы.Что такое Takumi и Forme?Это два отдельных движка рендеринга PDF, на которых построен pdfcn, и каждый компонент позволяет выбрать, какой из них генерирует его вывод.
Это два отдельных движка рендеринга PDF, на которых построен pdfcn, и каждый компонент позволяет выбрать, какой из них генерирует его вывод.Можно ли посмотреть компоненты в деле перед использованием?Да, у каждого компонента и блока есть живое превью, отрисованное прямо в документации, так что можно увидеть вывод ещё до копирования.
Да, у каждого компонента и блока есть живое превью, отрисованное прямо в документации, так что можно увидеть вывод ещё до копирования.Можно ли переоформить генерируемые PDF, например счета или отчёты?Да, компоненты поставляются с разумными props и общими темами, а поскольку код копируется в ваш проект, он полностью в вашем владении и поддаётся модификации.
Да, компоненты поставляются с разумными props и общими темами, а поскольку код копируется в ваш проект, он полностью в вашем владении и поддаётся модификации.Требует ли использование pdfcn изучения нового компонентного API?Не особо — он компонуется из сфокусированных React-компонентов и примитивов рендерера, так что документы собираются так же, как обычный React UI.
Не особо — он компонуется из сфокусированных React-компонентов и примитивов рендерера, так что документы собираются так же, как обычный React UI.What are similar projects?Monocharts, rare-ui, arc-library, chakra-ui, core, shadcn-vue, tamagui, styled-components
Monocharts, rare-ui, arc-library, chakra-ui, core, shadcn-vue, tamagui, styled-componentsWhich topics is it in?pdf-generation, shadcn, jsx, reactjs, design-system, document-processing, component-library, wasm, pdf, ui-components, web-development, rust
pdf-generation, shadcn, jsx, reactjs, design-system, document-processing, component-library, wasm, pdf, ui-components, web-development, rust