rehype-slug
partytown
rehype-slug | partytown | |
---|---|---|
3 | 65 | |
179 | 12,673 | |
2.8% | 0.7% | |
5.9 | 8.4 | |
8 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-slug
-
Building an Autolink Heading Component for React Navigation
I'm using the algorithm from github-slugger to create the header link and ID. It's the same one used by GitHub for their section headings and also by rehype-slug, the project I used as inspiration for this one.
-
MDX autolink headings
The heading component renders an a tag, with a href which points to the id which was generated by the rehype-slug and passed as prop to our component. The a tag uses the group class, this allows us to apply styling to children if the parent is hovered. Also we use the relative class, because we want to position an icon absolute to the left of the heading.
-
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?
rehype-autolink-headings - plugin to add links to headings in HTML
parallel.js - Easy multi-core processing utilities for Node.
rehype-external-links - rehype plugin to add rel (and target) to external links
comlink - Comlink makes WebWorkers enjoyable.
remark - markdown processor powered by plugins part of the @unifiedjs collective
Angular - Deliver web apps with confidence 🚀
rehype - HTML processor powered by plugins part of the @unifiedjs collective
Next.js - The React Framework
react-autolink-heading - A component that adds heading links (#heading-name) based on the heading text content ("Heading Name")
qwik - Instant-loading web apps, without effort
Visual Studio Code - Visual Studio Code
mitosis - Write components once, run everywhere. Compiles to React, Vue, Qwik, Solid, Angular, Svelte, and more.