React Notion X

特点

• 项目特点: react-notion-x 提供了简单、快速、高测试覆盖率的 Notion 页面渲染方案，支持 TypeScript 并兼容多种 React 框架。

• 使用指南: 开发者首先需要通过 NotionAPI 获取页面数据，然后使用 NotionRenderer 组件渲染页面内容。

• 样式指南: 为确保页面正确显示，需要导入核心 CSS 样式，还可以根据需要导入代码高亮和公式渲染的样式。

• 可选组件: 库默认不包含一些较大的组件，如 PDF 预览和集合视图，这些可以通过动态导入的方式按需加载。

• 私有页面访问: 可以通过传递 authToken 和 activeUser 访问私有 Notion 页面，这些信息可以从浏览器的 Cookie 中获取。

• Next.js 示例: 提供了 Next.js 示例项目，展示了如何在页面中使用 react-notion-x 进行渲染。

• 性能优化: react-notion-x 支持图片懒加载和低质量图片占位符预览，以及使用 CDN 进行缓存以提高加载速度。

• 支持的块类型: 库支持大多数 Notion 块类型和集合视图，但某些特定视图如日历视图尚未支持。