react-markdown
react-mosaic
Our great sponsors
react-markdown | react-mosaic | |
---|---|---|
48 | 7 | |
12,077 | 4,035 | |
2.2% | - | |
7.2 | 5.7 | |
3 days ago | 5 months ago | |
JavaScript | TypeScript | |
MIT License | GNU General Public License v3.0 or later |
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
react-markdown
-
Minified React error #426
This error related to the ReactMarkdown component and the useDisclosure hook in the @chakra-ui/react.
-
Introducing Content Collections
The example above uses react-markdown, but you can use any library you want to render the markdown content. You can also use a transform function to modify the markdown content during the build process. Here is an example that uses MDX to compile the markdown content.
-
33 React Libraries Every React Developer Should Have In Their Arsenal
21.react-markdown
- 給前端的簡單 AI 教學 - 2.3 在 llm 回應中渲染 custom component
-
Construindo um Painel de Blog Dinâmico com Next.js
github.com/remarkjs/react-markdown - Biblioteca para renderizar markdown em nosso componente react.
-
I built an Markdown editor using Next.js and TailwindCss 🔥
3. Setup react-markdown and @tailwindcss/typography
-
Creating Own Chat GPT
The OpenAI API returns responses in Markdown format. To display responses from the chat, which contain formatting, I used the ReactMarkdown component. For code inserts, I used React Syntax Highlighter.
-
Crafting a Dynamic Blog with Next.js 13 App Directory
You can also choose to convert this to Markdown and use our Markdown metafield instead if you prefer, just note you’ll need to install a markdown package to do so. The article Building React Components from headless CMS markdown is a great read about how a package like React Markdown parses markdown from a headless CMS, and explains how to render markdown in a Next.js application.
-
Show HN: ChatHN – Chat with Hacker News using natural language
Thank you! It's actually all thanks to the amazing react-markdown package (https://github.com/remarkjs/react-markdown), can't take any credits there :')
-
Adding Markdown to Framer
We're using the react-markdown plugin to render markdown-to-html. We expose props with the addPropertyControls method from Framer. You can style the different generated HTML tags with a renderers function.
react-mosaic
-
Show HN: I solved my New Tab page for myself
nice!
Some suggestions for me at least
1. Why I can't I set any tile to any type?
2. An RSS feed tile would be nice. It seems I can only follow HN, Reddit, Twitter
3. Would be great if I could drag and drop tiles to arrange like (https://nomcopter.github.io/react-mosaic/) or (https://xcfox.github.io/react-tile-pane/demo/) etc...
4. A random image tile would be nice
-
Using tree data structures to implement terminal split panes
There’s a very handy implementation of this splitting model for React called react-mosaic: https://github.com/nomcopter/react-mosaic
-
Show HN: Omnino, a windowing system for web apps, inspired by the Acme editor
While the conservative reproduction of Acme's interaction will appeal to fans who have used the editor I guess, I think a lot of people would find the interactivity (esp. the resizers, left scrollbar) very non-intuitive in present day and age.
A good example of a more modern and practical tiling system for web is mosaic (https://nomcopter.github.io/react-mosaic/)
-
We open-sourced a React component for building split views like in VS Code
Have you tried out https://github.com/nomcopter/react-mosaic before? What are the advantages over mosaic? I really liked react-mosaic it was quite feature rich
What are some alternatives?
remark - markdown processor powered by plugins part of the @unifiedjs collective
remark-gfm - remark plugin to support GFM (autolink literals, footnotes, strikethrough, tables, tasklists)
gray-matter - Smarter YAML front matter parser, used by metalsmith, Gatsby, Netlify, Assemble, mapbox-gl, phenomic, vuejs vitepress, TinaCMS, Shopify Polaris, Ant Design, Astro, hashicorp, garden, slidev, saber, sourcegraph, and many others. Simple to use, and battle tested. Parses YAML by default but can also parse JSON Front Matter, Coffee Front Matter, TOML Front Matter, and has support for custom parsers. Please follow gray-matter's author: https://github.com/jonschlinkert
rehype-sanitize - plugin to sanitize HTML
micromark - small, safe, and great commonmark (optionally gfm) compliant markdown parser
remark-toc - plugin to generate a table of contents (TOC)
lightGallery - A customizable, modular, responsive, lightbox gallery plugin.
react-virtualized - React components for efficiently rendering large lists and tabular data
vite-plugin-svgr - Vite plugin to transform SVGs into React components
react-icons - svg react icons of popular icon packs
react-mathjax - React component to display math formulas
Syncfusion React UI Components Library (Essential JS 2) - Syncfusion React UI components library offer more than 50+ cross-browser, responsive, and lightweight react UI controls for building modern web applications.