Custom directives, services and routes — Custom directives When creating a new directive you can use this two powerful decorators: @HostBinding and @HostListener decorators: HostBinding bind an element property to a directive property. For instance: @HostBinding('class.open') isOpen:Boolean = false binds the ‘open’ class to the boolean property isOpen. …

Relationships between components — Passing external properties to component Step 1 Using the Input decorator, make your component aware of this coming-in property. You can also pass an optional parameter to add to change the [myProp] name in the template (myPropAlias in the example). class MyComponent { @Input('myPropAlias') myProp; constructor() { } } Step 2 You can now match this property with an…

A introductory, framework-agnostic article about how, what and when to test. — 📓 Intro So many times we all wrote Javascript components and so many times we had to modify, change, extend them. …

A brief tutorial on how to display your latest posts on your website. The problem Some months ago I got the idea to add a blog section to my portfolio: an area where I could share my experiences and learnings. The idea was amazing: create a custom small CMS with Node.js, maybe…

Component overview — So I started learning Angular4! It looks like an interesting journey: I’m having the chance to see how another dev team solves the typical issues that a js framework faces. I listed here the first part of my learnings. You can use this a quick reference guide. Components Components are the…

Let me stop you here. This is not a tutorial article or anything similar. I’m just collecting my first impressions on Angular4 to see how (and if) these change as I get to know more of this framework. I’ve been working with React for a couple of years now and…

Some weeks ago, talking with a friend of mine, we started imagining how difficult would be to create an MVC framework from scratch and which difficulties we could encounter. I had a bit of spare time during the following weekend, so I decided to give it a try. The aim…