React Slug Oluşturucu

React bileşenlerinizde canlı URL slugları oluşturun. Küçük bir slugify yardımcısını useMemo ile sarın; böylece kullanıcı başlık yazdıkça slug güncellenir — blog editörleri, panolar ve bir adı URL'ye eşleyen her form için idealdir.

import { useMemo } from 'react';

const slugify = (text) =>
  text.toLowerCase().normalize('NFKD')
    .replace(/[\u0300-\u036f]/g, '')
    .replace(/[^a-z0-9]+/g, '-')
    .replace(/^-+|-+$/g, '');

function SlugPreview({ title }) {
  const slug = useMemo(() => slugify(title), [title]);
  return <code>/blog/{slug}</code>;
}