An Introduction to CSS Modules in React Yogesh Chavan on December 17, 2020 When it comes to React, following are some of the ways of styling in React. Inline CSS Normal CSS CSS In JS libraries like styled-components CSS ... Read full post Collapse Expand Rachit Sharma Rachit Sharma Rachit Sharma Follow Joined Jan 8, 2020 • Dec 17 '20 Dropdown menu Copy link Hide Most of the time I had problems with global class name collisions. This is fantastic. Thanks! Collapse Expand Yogesh Chavan Yogesh Chavan Yogesh Chavan Follow Industry/Corporate Trainer | React Trainer | MERN Trainer | Full Stack Developer | JavaScript | React | Nodejs. Connect with me for mentoring session: https://www.codementor.io/@myogeshchavan97 Email myogeshchavan97@gmail.com Location India Work Full Stack Developer Joined Apr 6, 2020 • Dec 17 '20 Dropdown menu Copy link Hide Yes, that happens a lot of times. That's where CSS modules come in handy. 👍 Collapse Expand DrSimple DrSimple DrSimple Follow Software Engineer Email abayomiogunnusi@gmail.com Location Nigeria Work Backend Developer Joined Apr 18, 2021 • Jul 23 '21 Dropdown menu Copy link Hide Thanks .... working on a project and I had naming conflicts. This is really helpful. Collapse Expand Yogesh Chavan Yogesh Chavan Yogesh Chavan Follow Industry/Corporate Trainer | React Trainer | MERN Trainer | Full Stack Developer | JavaScript | React | Nodejs. Connect with me for mentoring session: https://www.codementor.io/@myogeshchavan97 Email myogeshchavan97@gmail.com Location India Work Full Stack Developer Joined Apr 6, 2020 • Jul 23 '21 Dropdown menu Copy link Hide Glad you found it helpful Collapse Expand Rita Correia Rita Correia Rita Correia Follow Hi there!👋 I'm Rita, an Agile digital project manager with experience in frontend engineering. I'm passionate about UI, product management and web accessibility. Email rita@ritacorreia.co Location London, UK Education University of Aveiro, General Assembly Work Digital Operations Manager Joined Jun 12, 2020 • Jan 29 '21 Dropdown menu Copy link Hide I've been using CSS modules and love it! Don't have to worry about name class clashing Collapse Expand Yogesh Chavan Yogesh Chavan Yogesh Chavan Follow Industry/Corporate Trainer | React Trainer | MERN Trainer | Full Stack Developer | JavaScript | React | Nodejs. Connect with me for mentoring session: https://www.codementor.io/@myogeshchavan97 Email myogeshchavan97@gmail.com Location India Work Full Stack Developer Joined Apr 6, 2020 • Jan 30 '21 Dropdown menu Copy link Hide That's great to hear 👍 Collapse Expand Soumava Banerjee Soumava Banerjee Soumava Banerjee Follow “Simplicity is the ultimate sophistication.” --Leonardo da Vinci Email soumava.rivu@gmail.com Location Kolkata, India Education Bachelor of Technology, Computer Science Pronouns he/him Work SDE @ Finarb Joined Oct 16, 2020 • Dec 18 '20 Dropdown menu Copy link Hide Insightful article! I'll use this in my next project. Collapse Expand Yogesh Chavan Yogesh Chavan Yogesh Chavan Follow Industry/Corporate Trainer | React Trainer | MERN Trainer | Full Stack Developer | JavaScript | React | Nodejs. Connect with me for mentoring session: https://www.codementor.io/@myogeshchavan97 Email myogeshchavan97@gmail.com Location India Work Full Stack Developer Joined Apr 6, 2020 • Dec 18 '20 Dropdown menu Copy link Hide Thank you. You can also check out this website for your reference which I have created using Next.js with CSS Modules for styling. Using CSS modules makes managing CSS so easy that's why it's preferred in Next.js and Gatsby.js Collapse Expand Soumava Banerjee Soumava Banerjee Soumava Banerjee Follow “Simplicity is the ultimate sophistication.” --Leonardo da Vinci Email soumava.rivu@gmail.com Location Kolkata, India Education Bachelor of Technology, Computer Science Pronouns he/him Work SDE @ Finarb Joined Oct 16, 2020 • Dec 18 '20 Dropdown menu Copy link Hide It's very nice! I follow you regularly on LinkedIn. Your posts are very informative and they help me out quite a lot! Yogesh Chavan Yogesh Chavan Yogesh Chavan Follow Industry/Corporate Trainer | React Trainer | MERN Trainer | Full Stack Developer | JavaScript | React | Nodejs. Connect with me for mentoring session: https://www.codementor.io/@myogeshchavan97 Email myogeshchavan97@gmail.com Location India Work Full Stack Developer Joined Apr 6, 2020 • Dec 18 '20 • Edited on Dec 18 • Edited Dropdown menu Copy link Hide Thank you 🙂 I'm glad you're finding my posts valuable Collapse Expand Juanda Martínez Juanda Martínez Juanda Martínez Follow Web developer, gamer, and Lego enthusiast. In other words, a master builder of digital and physical worlds 🌎🌐 Email juanda.martinezn@gmail.com Location México 🇲🇽 Education Software Engineer Pronouns He/Him Work Software Engineer at GlobalLogic Joined May 13, 2020 • Dec 17 '20 Dropdown menu Copy link Hide Awesome! never thought we could do this way with CSS in React. I'm still new to this library. Collapse Expand Yogesh Chavan Yogesh Chavan Yogesh Chavan Follow Industry/Corporate Trainer | React Trainer | MERN Trainer | Full Stack Developer | JavaScript | React | Nodejs. Connect with me for mentoring session: https://www.codementor.io/@myogeshchavan97 Email myogeshchavan97@gmail.com Location India Work Full Stack Developer Joined Apr 6, 2020 • Dec 17 '20 Dropdown menu Copy link Hide Glad you found it useful 🙂 Collapse Expand abhilashlr abhilashlr abhilashlr Follow Frontend Janitor a.k.a Gatekeeper • Organiser, EmberJS Chennai • Big brother of a Labrador • Make the web fast Location chennai Work Lead Frontend Engineer at Freshworks Joined Feb 23, 2020 • Jan 3 '21 Dropdown menu Copy link Hide Nice article, but would also have liked to see the cons of css modules in it. Collapse Expand Aghiles Lounis Aghiles Lounis Aghiles Lounis Follow Software engineer, expert in the TypeScript ecosystem. Email ghiles.aitlounis@gmail.com Location France Education Master in Data science and Bachelor in Physics Work Software Engineer and Data Scientist. Joined Dec 11, 2020 • Dec 21 '20 Dropdown menu Copy link Hide nice one ! Code of Conduct • Report abuse For further actions, you may consider blocking this person and/or reporting abuse
Most of the time I had problems with global class name collisions. This is fantastic. Thanks!
Yes, that happens a lot of times. That's where CSS modules come in handy. 👍
Thanks .... working on a project and I had naming conflicts. This is really helpful.
Glad you found it helpful
I've been using CSS modules and love it! Don't have to worry about name class clashing
That's great to hear 👍
Insightful article! I'll use this in my next project.
Thank you. You can also check out this website for your reference which I have created using Next.js with CSS Modules for styling.
Using CSS modules makes managing CSS so easy that's why it's preferred in Next.js and Gatsby.js
It's very nice! I follow you regularly on LinkedIn. Your posts are very informative and they help me out quite a lot!
Thank you 🙂 I'm glad you're finding my posts valuable
Awesome! never thought we could do this way with CSS in React. I'm still new to this library.
Glad you found it useful 🙂
Nice article, but would also have liked to see the cons of css modules in it.
nice one !