Sign in

Photo by SUNIL PATEL from Pexels

Binary Search Tree is a special type of tree, in which (as the name implies) each node has maximum of two child nodes commonly termed as Left node and Right node. Nodes are placed in a way such that the value of the Left node is always less than or equal to the value of its Root node and the value of the Right node is always greater than or equal to the value of its Root node.

Being React developers, we all know that React has unidirectional data flow. We create high level components, where we fetch the data, and then we nest all other components inside passing the data down using props. So the data is flowing in one direction only, from high level component to its child components and then these child component might pass the data on to their children if needed.

Now there are sometimes when we want a piece of data in a deeply nested child component, we will need to pass it all the way from the component where it is…

Hooks are functions that let you “hook into” React state and lifecycle features from function components. Hooks don’t work inside classes — they let you use React without classes.

(An extract from official React documentation for hooks.

Very similar to AngularJs, we have filters in Vue.js in order to deal with recurrent text formatting tasks.

There are 2 ways you can have filters in Vue.js.

  • Local Filters: Filters that are not commonly used, you can register them in the component they are used in.
Vue.component('some-component', {
filters: {
capitalize: function (value) {
if (!value) return ''
value = value.toString()
return value.charAt(0).toUpperCase() + value.slice(1)
  • Global Filters: Filters that are commonly used throughout the application, should be registered in the Global scope, so they are available for use from anywhere in the application.

Important: You…

Javascript classes are nothing but a syntactic sugar over existing prototype based inheritance and constructor functions. In order to understand the idea behind JS classes we need to understand the constructor functions, prototype and other related concepts.

1. Constructor Functions

Since Javascript is a functional programming language where everything is just a function, in order to have a class like (creating a blueprint for the objects to be created) functionality in javascript, constructor functions are used, lets see how constructor functions work:

function Vehicle(make, model, color) {
this.make = make…

A couple of months earlier, when I wanted to try out the Google App Engine, I went through the documentation, Google has provided on how to deploy your apps to App Engine. Google has provided a very detailed documentation on the process and I will try to explain this in a simple and step by step way here.

I am assuming you are familiar with creating a React app and you have all the pre-requisites installed on your computer already.

We have three different steps:

  1. Creating React App.
  2. Creating a New Project on Google Cloud Platform.
  3. Install & Deploy with…

Typescript — You definitely have heard this name, if you are a javascript developer. So if you are confused with what Typescript is? And why do we use it, when we already have javascript available which is fulfilling all our needs. I will try to answer some of the questions like this today.

What is Typescript?

Typescript is a superset of Javascript, which is designed to develop large Javascript applications. Being a superset of Javascript, existing Javascript programs are also valid Typescript programs, meaning you don’t have to worry about converting the whole existing Javascript code into Typescript at once. …


Frontend Engineer at tajawal. #javascript #angularjs #react #nodejs #dotNet

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store