#react
View:
  • 1.
    Reactive Notes
    4 months ago by Elias Noesis
    favorite
    share
    Score: 46/100
    The ReactiveNotes plugin lets you embed interactive React components directly into your notes, transforming them into dynamic and programmable documents. It supports full React 18 features including hooks, state management, lifecycle handling, and integration with Obsidian's file system and theme. Users can persist state in frontmatter, render charts with libraries like Recharts or Lightweight Charts, manipulate canvas elements, and even import libraries from CDN. Each note can maintain its own independent state, enabling reusable component templates. This plugin is ideal for developers, data analysts, and tinkerers looking to combine note-taking with interactivity, custom tooling, or rich visualizations.
  • 2.
    React Components
    4 years ago by Elias Sundqvist
    favorite
    share
    Score: 38/100
    Category: Coding & Technical Tools
    The React Components plugin enables users to create and embed React components within their Obsidian notes using JSX syntax. It supports two methods for defining components: inline within notes using code blocks or as standalone component notes stored in a designated folder. Components can leverage React hooks like `useState` and `useEffect`, and users can organize them using namespaces for better structure. The plugin provides flexible ways to include components within notes and offers compatibility with the Editor Syntax Highlight plugin for better code readability. It also allows the integration of frontmatter data within components, enhancing interactivity and dynamic content generation in notes.