NIELSGERRITSEN.COM

wecodetheweb.com

Goodbye nested lists, hello SASS maps!

http://wecodetheweb.com/2015/05/26/goodbye-nested-lists-hello-sass-maps

We code the web. Goodbye nested lists, hello SASS maps! Goodbye nested lists, hello SASS maps! Middot; May 26, 2015. May 26, 2015. SASS lists are great, and with multidimensional lists you can get a key-value-like experience, but not completely. 125; {. Button-red { background-color: #e74c3c } */. Button-blue { background-color: #3498db } */. Button-green { background-color: #2ecc71 } */. Loop, we loop through all the colors. For each color we use the. In SASS it starts with. 125; {. Item of a nested list.

wecodetheweb.com

How to structure your front-end application

http://wecodetheweb.com/2015/05/28/how-to-structure-your-front-end-application

We code the web. How to structure your front-end application. How to structure your front-end application. Middot; May 28, 2015. May 28, 2015. I have always been very picky about a good folder structure. I enjoy working in a neatly structured project. How do we go about this in a front-end application? Let’s dive into the app folder. A lot of project will have an. Put it in the root. A javascript web app will probably have something like a. Now you really have to think about how you can divide your appli...

wecodetheweb.com

Var, let or const, what to use?

http://wecodetheweb.com/2015/05/27/var-let-or-const-what-to-use

We code the web. Var, let or const, what to use? Var, let or const, what to use? Middot; May 27, 2015. May 27, 2015. The Javascript world has grown, a lot. Instead of a simple scripting language, it is now used as a full blown programming language for the web. Not to forget it’s server side capabilities with NodeJS. ECMAScript 6 brings some features to make Javascript a more ‘mature’ language. A good example is the new. What is the difference and which one should you use? Well, the ‘old’. Log(a); / = 4.

wecodetheweb.com

Faster CSS coding with Hayaku

http://wecodetheweb.com/2015/06/17/faster-css-coding-with-hayaku

We code the web. Faster CSS coding with Hayaku. Faster CSS coding with Hayaku. Middot; Jun 17, 2015. June 17, 2015. Lately a good friend of mine showed me this plugin for Sublime Text called Hayaku. I had never heard of it so I asked him what it was. It’s like Emmet for CSS. Hey, I know Emmet, it makes writing HTML and CSS easier, so what’s this about? Is a plugin for Sublime Text. And it’s very cool. It is actually a tad bit different from Emmet. Fweib or fwb */. Hey that’s pretty nice! As you can see a...

wecodetheweb.com

We code the web | Brainfood for front-end developers

http://wecodetheweb.com/page/2

We code the web. Middot; Oct 3, 2015. October 3, 2015. React 0.14s coolest feature: function components. Introduced some cool additions, one of them is a more simple way to create components. This is one of those nifty little features that makes developers happy :-). Middot; Sep 29, 2015. September 29, 2015. Functionally managing state with Redux. Middot; Sep 1, 2015. September 1, 2015. Unit testing asynchronous Angular services. Middot; Aug 27, 2015. August 27, 2015. Middot; Aug 22, 2015. August 22, 2015.

wecodetheweb.com

Why React PropTypes are important

http://wecodetheweb.com/2015/06/02/why-react-proptypes-are-important

We code the web. Why React PropTypes are important. Why React PropTypes are important. Middot; Jun 2, 2015. June 2, 2015. Uses to let components communicate with each other. A parent component can pass it’s child(ren) named prop values, which the child can then use in its internal logic. It looks something like this:. ChildComponent = React.createClass({. 123;this.props.id} / i. 123;this.props.message}. ParentComponent = React.createClass({. As you can see, the. Would get the message via. That he needs t...

wecodetheweb.com

Why you should ditch Angular controllers for directives

http://wecodetheweb.com/2015/07/18/why-you-should-ditch-angular-controllers-for-directives

We code the web. Why you should ditch Angular controllers for directives. Why you should ditch Angular controllers for directives. Middot; Jul 18, 2015. July 18, 2015. Has been around for a while. Although AngularJS 2.0. Since I ditched the controller template way of building my Angular application for using only directives I found my applications to be more modular, fail safe and easy to read. I will give you some reasons why. Building small directives with clear purposes makes your application easy to ...

wecodetheweb.com

Quick tip: shortId

http://wecodetheweb.com/2015/05/27/quick-tip-shortid

We code the web. Middot; May 27, 2015. May 27, 2015. Generating id’s, no matter the concern, it always comes in handy. Check out this little fella! Id = shortid.generate();. Log(id); / = AcBx2A4. Unique, url friendly id’s, short and simple :-). Immutable Javascript using ES6 and beyond. Writing immutable Javascript code is a good practice. There are some awesome libraries around like Immutable.js. To help you with this. But could we survive with just vanilla, next generation Javascript?