Mach deinen Code prettier

Als Programmier:in entwickelt man mit der Zeit eine eigene Code-„Handschrift“. Benutzt du für Strings einfache Anführungszeichen (‚) oder doppelte („)? Benutzt du Semikolons? Benutzt du für Einrückungen Tabstopps oder Leerzeichen und wie viele? Innerhalb eines Projekts ist es auf jeden Fall angenehm, überall die gleiche Formatierung zu haben. Das sorgt für eine bessere Übersicht und… Mach deinen Code prettier weiterlesen

If / else statement inside of React Component’s Render method

Sometimes (well, actually pretty often) you have to use conditional statements inside of React Component’s Render methods. You could do it like this: import React from „react“; class MyComponent extends React.Component { render() { return ( <di> {„LGK“ == „awesome“ ? <h1>LGK is awesome!</h1> : <h1>LGK is not awesome :C</h1> } </div> ); } }… If / else statement inside of React Component’s Render method weiterlesen

Node.js: Check if you are in debug or production mode

Sometimes you have to use other values in a variable when your application is in production as if when you are debugging it. For example you have to use another web service URL. Here is how can do it: var webApiUrl; if (process.env.NODE_ENV === „production“) { // use in production webApiUrl = „http://myapp.online/awesome-app/api“; } else… Node.js: Check if you are in debug or production mode weiterlesen

JavaScript „hasClass()“, „addClass()“, „removeClass()“ helper functions

If you’re like me and come from jQuery to pure JavaScript, these helper functions might be very helpful for you: function hasClass(el, className) { if (el.classList) return el.classList.contains(className); else return !!el.className.match(new RegExp(‚(\\s|^)‘ + className + ‚(\\s|$)‘)); } function addClass(el, className) { if (el.classList) el.classList.add(className); else if (!hasClass(el, className)) el.className += “ “ + className; }… JavaScript „hasClass()“, „addClass()“, „removeClass()“ helper functions weiterlesen