In this article, I will be discussing some useful Vue patterns, techniques, tips, and tricks to define the responsibilities and behaviors of your components. these following patterns will increase the maintainability, performance, and scalability of your application.
In this article, I will cover a few patterns to add to your toolbox and will complete the rest of the different patterns in the coming article.
In order to use a component as a global component, you need to use Vue.component to register it in the global scope where it can be used in many other components through your app.
1️⃣ Vue components follow the one-way data flow
2️⃣ props are a reactive data source
3️⃣ Child Components can only emit events to their direct parent (unlike the previous gif)
4️⃣ There is something called Event-Bus which is a global Vue instance that helps to share props between components without referring to parent-component
Hello everyone 👋, In this article, we will talk more about the usage of conventional comments, how it saves hours of under-communication and misunderstandings between team members during the code reviewing process, the different labels used in the conventional comments, and how to add conventional comments labels as a saved replied in Github.
So without further ado, Let’s Get It Started 🏃♂️️
Conventional Comments is a standard for formatting comments of any kind of review/feedback process such as: Code review process.
Most of the time comments like this are unhelpful…
By simply prefixing the comment with a label, the intention…
Hello everyone 👋, This article is a summary of Jake Archibald’s (Software Engineer at Google) article “Don’t use functions as callbacks unless they’re designed for it” which posted on 29 January 2021.
The article discusses the point of using functions as callbacks may lead us to unexpected behavior/output which is different from our expectation, let us see how that may happen So without further ado, Let’s Get It Started 🏃♂️
Let us imagine that we are using toReadableNumber function (converts input numbers into human-readable string form) from some-library as a callback function that has the following implementation:
Hello everybody 👋, a couple of weeks ago (February 6th, 2021) I was attending Virtual Tech Meetup (بالعربي) Event 6 hosted by @Sherif in which there was a talk by Hesham Ismail (Engineering Manager at Facebook) about the Importance of Measurement and Hesham talked about the concept of A/B testing which was completely new to me.
Also, the concept of A/B testing in code and the usage of Feature Toggles (aka Feature Flags) which is discussed by Martin Fowler in his book “Refactoring and Improving the Design of Existing Code”, all of this was a trigger for me to start…