Skip to content

Instantly share code, notes, and snippets.

Adnan Hajdarević adnanh

Block or report user

Report or block adnanh

Hide content and notifications from this user.

Learn more about blocking users

Contact Support about this user’s behavior.

Learn more about reporting abuse

Report abuse
View GitHub Profile
@adnanh
adnanh / example.md
Created Mar 12, 2016
Drew's Gitlab mirror
View example.md
@adnanh
adnanh / index.md
Created Sep 22, 2016 — forked from alekseykulikov/index.md
SUIT CSS naming convention for React.js application
View index.md

Recently CSS has got a lot of negativity. But I would like to defend it and show, that with good naming convention CSS works pretty well.

My 3 developers team has just developed React.js application with 6561 lines of CSS (and just 5 !important). During one year of development we had 0 issues with CSS. No refactoring typos, no style leaks, no performance problems, possibly, it is the most stable part of our application.

Here are main principles we use to write CSS for modern (IE11+) browsers:

View index.js
/* global Element */
/**
* The Annoying Site
* https://theannoyingsite.com
*
* Author:
* Feross Aboukhadijeh
* https://feross.org
*
You can’t perform that action at this time.