What are the pros and cons of loading static CSS files in a React component asynchronously?

React official documentation suggests importing the static stylesheets like:

import "./stylesheet.css"

How do you compare this method with dynamically loading the static stylesheets like:

useEffect(() => {
  const loadCSS = async () => {
    await import("./stylesheet.css");
  };
  loadCSS();
}, []);

In which situations it's better to use either of these approaches?



Read more here: https://stackoverflow.com/questions/67845714/what-are-the-pros-and-cons-of-loading-static-css-files-in-a-react-component-asyn

Content Attribution

This content was originally published by 1man at Recent Questions - Stack Overflow, and is syndicated here via their RSS feed. You can read the original post over there.

%d bloggers like this: