রিয়েক্ট useInsertionEffect
🌈রিয়েক্ট useInsertionEffect কি?
📋রিয়েক্ট useInsertionEffect হলো লেআউট ইফেক্ট চালানোর আগে CSS ইনজেক্ট করার পদ্ধতি।
⚒️রিয়েক্ট useInsertionEffect লেআউট ইফেক্ট চালানোর আগে CSS ইনজেক্ট করতে ব্যবহৃত হয়।
রিয়েক্ট useInsertionEffect লেআউট ইফেক্ট চালানোর আগে CSS ইনজেক্ট করার উদাহরণ।
react
import {createRoot} from "react-dom/client";
import React, {useInsertionEffect} from "react";
function App() {
useInsertionEffect(() => {
const style = document.createElement("style");
style.textContent = ".title {color: red}";
document.head.appendChild(style);
return () => style.remove();
}, []);
return <h1 className="title">প্রোগ্রামিং শিখুন</h1>;
}
createRoot(
document.getElementById("root")
).render(<App/>);