Parsing thousands of lines of CSS that are responsible for styling your entire application becomes a pain for any developer working on the project. Nothing wrong with that at all, but as an application gets larger, and more complex, it becomes harder and harder to maintain a single stylesheet. We can write normal CSS that we’re used to and move on with our lives. We absolutely are able to to an external stylesheet within our application and call it a day. We’ll start off with what is a familiar approach: a dang ol’ stylesheet. ![]() To try to help cut through some of the noise, let’s examine a few of the more commonly utilized methods at a high level, along with their purpose. Simply Googling “How to add CSS to ” yields a flurry of strongly held beliefs and opinions about how styles should be applied to a project. Preconceived notions about this topic aside, let’s take a look at the fascinating world of CSS architecture! ![]() Every project is different, and every method has its merits! That may seem ambiguous, but what I do know is that the development community we exist in is full of people who are continuously seeking new information, and looking to push the web forward in meaningful ways. I want to preface this post with a disclaimer: There is no hard and fast rule that establishes one method of handling CSS in a React, or Vue, or Angular application as superior. Welcome to an incredibly controversial topic in the land of front-end development! I’m sure that a majority of you reading this have encountered your fair share of #hotdrama surrounding how CSS should be handled within a JavaScript application.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |