Search for a command to run...
Articles tagged with #javascript
When I come across a huge codebase, I often feel that it can be optimised without changing the core of the programme. I'm listing a set of techniques that I have found useful in the past. In computers, every solution has a trade-off; mostly, performa...
In the previous post, we made our css emotion like function and in this blog post, we are going to extend our css function to support the following style-components syntax. const Button = styled('button')( { backgroundColor: "blue", color:...
In this blog post, we will try to understand CSS-in-JS by creating our own version of emotion.js. Emotion is one of the most popular CSS-in-JS solutions out there. There are some brilliant minds working on emotion, we aren't going to recreate emotio...
Total Isolation This comes as the result of the global nature of CSS where things are leaky and thus component-based UI architectures find it difficult as cascading and global CSS causes leaks in styles across the components. For example: <!-- Headi...
Global and cascading nature of CSS CSS is global by design! It is that way because we want to bring consistency across the website. html { font-family: Roboto, sans-serif; } By writing the above code every text on your website has a font-famil...
Sometimes we want to make validations on an input box for characters that user can type. And other characters will not be entertained in the input box. Question: Make a input box that accepts digits and spaces only. Also, care for copy-paste (Ctrl +...
