rehype-autolink-headings
partytown
rehype-autolink-headings | partytown | |
---|---|---|
4 | 65 | |
188 | 12,694 | |
5.3% | 0.8% | |
6.6 | 8.4 | |
6 months ago | 7 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.
partytown
- Partytown: Run Third-Party Scripts from a Web Worker
-
Lessons from open-source: Partytown — a library that uses web worker to run third party scripts.
Partytown is a lazy-loaded library to help relocate resource intensive scripts into a_ web worker, and off of the main thread. Its goal is to help speed up sites by dedicating the main thread to your code, and offloading third-party scripts to a web worker. — Source
-
Frontend development roadmap
Research Frameworks and Tools - Make sure to do your research on your current javascript framework and find out if it has a superset (eg React ->Nextjs, Svelte -> Sveltekit, Vue->Nuxtjs). They often come with many improvments and optimizations out of the box. There are also tools like Partytown which can vastly improve performance in some specific cases
-
Interaction to Next Paint (INP)
has anyone had any luck with partytown?
https://partytown.builder.io/
-
Problems to be solved
It’s probably the insane amount of third party scripts like tracking and much more. Give partytown a try, might help you in the short run: https://partytown.builder.io
- Leftovers AI - meal generator
-
Found a great way to handle cookies and render blocking scripts
I assume you’re talking about https://partytown.builder.io/ — looks great! Only difference is not having a built in GDPR pop up, but that’s ok.
- How the heck should i reduce page speed of a react website?
- [Rant] If I get sent one more report about pages performing poorly I'm going to lose my mind....
- Partytown: a library to run heavy third-party scripts (e.g. analytics) inside a web worker
What are some alternatives?
remark - markdown processor powered by plugins part of the @unifiedjs collective
parallel.js - Easy multi-core processing utilities for Node.
rehype-slug - plugin to add `id` attributes to headings
comlink - Comlink makes WebWorkers enjoyable.
Tailwind CSS - A utility-first CSS framework for rapid UI development.
Angular - Deliver web apps with confidence 🚀
rehype-sanitize - plugin to sanitize HTML
Next.js - The React Framework
rehype-react - plugin to transform to preact, react, vue, etc
qwik - Instant-loading web apps, without effort
rehype-external-links - rehype plugin to add rel (and target) to external links
mitosis - Write components once, run everywhere. Compiles to React, Vue, Qwik, Solid, Angular, Svelte, and more.