docs(directive): introducing directives more beginner friendly

First explain what directives are, then say about custom directives