rehype-autolink-headings
nx
rehype-autolink-headings | nx | |
---|---|---|
4 | 347 | |
188 | 22,004 | |
5.3% | 1.5% | |
6.6 | 10.0 | |
6 months ago | 6 days ago | |
JavaScript | TypeScript | |
MIT License | MIT License |
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.
rehype-autolink-headings
-
Building an Autolink Heading Component for React Navigation
This is how I created the first version of the Autolink Heading component to replicate the behavior of rehype-autolink-headings for React headings. It's a simple design that get's the job done. However, I'm sure it has a lot of room for improvement.
-
MDX autolink headings
We could use rehype-autolink-headings for this, but we want to do some styling with TailwindCSS. So we have to wrap the heading manually.
-
MDX Code Highlighting and Styling with Tailwind
rehype-autolink-headings
-
Creating my personal website with Astro, Tailwind CSS, and Nx
So to achieve my goals, I configured the rehype-slug and rehype-autolink-headings plugins to generate links to the headings in the blog post. I also configured the rehype-external-links plugin to add the target="_blank" and rel="nofollow noopener noreferrer" attributes to external links, as well as adding an icon to them.
nx
-
👥 Reproducible Nx Workspace with HugeNx’s Conventions
With Nx, you can use the list of presets, but it is hardcoded. There is some flexibility for each with some options, but not enough to generate a more advanced workspace.
-
🍒 Cherry-Picked Nx v18.3 Updates
One notable feature is the ability to remember selected tabs. When you select a specific tab on a page, all other tabs on the page with the same name will also be selected. This selection will persist during your next visit to nx.dev.
-
Pitfalls of Deploying Hono Js App on Vercel
Hono does have a template application for Vercel, but in my case, my requirements were different (aren't they always 😅). I was working in a monorepo (using nx) because I wanted to manage my libs, tests, and examples all together in a single place, instead of having different repos.
- 🍒 Cherry-Picked Nx v18.1 Updates
-
How to setup semantic release with GitHub Actions.
Recently, My coworker is using Nx to automate his workflow, including automated release using semantic version. I found this method quite useful, so I want to re-implement on single GitHub repositories (without Nx).
-
🩹 Nx Crystal Plugin Picking the Essentials
I started a discussion on GitHub concerning that subject: Design Nx Plugin Project Crystal
-
Things I learned while building projects with NX
Nx
- Episode 24/09: Testing without TestBed, SSR & Hydration
-
Announcing AnalogJS 1.0 🚀
We are looking for companies to partner with on the Analog project to support development of the project. Thanks to Snyder Technologies for being an early adopter and promoter of Analog, Nx for joining us as a sponsor, House of Angular, and many other backers of the project.
-
Storybook 8
Additionally, thank you to all our community launch partners across the frontend ecosystem for helping us bring Storybook 8 to the world! Thanks to Chromatic, Figma, ViteConf, Omlet, DivRiots, story.to.design, StackBlitz, UXpin, Nx, Mock Service Worker, Anima, Zeplin, zeroheight, kickstartDS, and Kendo UI.
What are some alternatives?
remark - markdown processor powered by plugins part of the @unifiedjs collective
turborepo - Incremental bundler and build system optimized for JavaScript and TypeScript, written in Rust – including Turborepo and Turbopack. [Moved to: https://github.com/vercel/turbo]
rehype-slug - plugin to add `id` attributes to headings
single-spa - The router for easy microfrontends
Tailwind CSS - A utility-first CSS framework for rapid UI development.
vite - Next generation frontend tooling. It's fast!
rehype-sanitize - plugin to sanitize HTML
lerna - :dragon: Lerna is a fast, modern build system for managing and publishing multiple JavaScript/TypeScript packages from the same repository.
rehype-react - plugin to transform to preact, react, vue, etc
create-react-app - Set up a modern web app by running one command.
rehype-external-links - rehype plugin to add rel (and target) to external links
pnpm - Fast, disk space efficient package manager