Dec 24, 2025 · 5 min read · Introduction In this blog, we’ll discuss what CSS Modules in React are, why we use them, and what problems they solve. We’ll also look at an example to understand the concepts better. CSS Modules provide a modular way of defining CSS styles for a com...
Join discussion
Dec 23, 2025 · 6 min read · 실무에서 스타일을 “설계”한다는 것의 의미 프론트엔드 실무에서 스타일은 단순히 “보이게 만드는 코드”가 아닙니다.프로젝트 규모가 커질수록 스타일은 변경 비용, 협업 생산성, 설계 품질을 직접적으로 좌우합니다. 이 글에서는 다음 질문들에 답하면서,SCSS → CSS Modules → 디자인 토큰으로 이어지는스타일링 설계의 전체 그림을 정리합니다. SCSS는 왜 쓰는가? CSS에도 변수가 있는데 SCSS가 필요한 이유는? *.module.sc...
Join discussionFeb 11, 2025 · 6 min read · I'm currently developing a mobile application called MournTogether, the purpose of which is to connect people who have lost a loved one. Before developing the app I created wireframes with the style that I wanted and read React Native documentation. ...
Join discussionJan 5, 2025 · 6 min read · When working on React projects, choosing the right styling approach can significantly impact your development experience and code maintainability. This blog explores various CSS styling approaches in React, from traditional CSS files to modern librar...
Join discussionFeb 26, 2024 · 5 min read · ➡️ In this article, how to use sass modules in a react project with global variables. ✒ Article available in English and French. Article in English ✒️ Introduction 📁 Sass uses variables that are not globally accessible in styles because the cod...
Join discussion
Jul 21, 2023 · 4 min read · If you are new to React, you might be wondering, "How exactly do I add styling to my components?". In a basic HTML/ CSS website, adding styling can be as easy as just adding a CSS file alongside your HTML file. The same can be done with React, but Re...
Join discussion
Apr 26, 2023 · 9 min read · In this series, we’re continuing through the basics of learning the new features of the static site generator, Next.js 13. Introduction In the previous tutorials, we learned how we can construct pages and layouts in the new Next.js 13 app directory, ...
Join discussion
Dec 31, 2022 · 6 min read · The difference between good user experience and a great one is in the details. Small animations can give the user invaluable feedback by acknowledging their actions. We have all been to at least one website where we have clicked a button and after a ...
Join discussion
Oct 11, 2022 · 3 min read · 1. An Intro To Gatsby Js. Gatsby is an open-source static website generator (SSG) that is based on the frontend development framework React and makes use of Webpack and GraphQL technology. It can be used to build static sites that are progressive web...
Join discussion
May 31, 2022 · 9 min read · React is a declarative, efficient, and flexible JavaScript library for building user interfaces. It lets you compose complex UIs from small and isolated pieces of code called “components”. Components make the task of building UIs much easier. Compone...
Join discussion
