Using a simple counter form to go over this concept

React logo intro picture

I will assume before jumping into this topic that you have worked with React before and know at least some of it!

We have built applications with React, but often times we do not question why and how these things are happening.

Using React Hooks, I have built a simple React Counter App.

Integrating Zomato API step by step process.

Image of an API

When I was a Software Engineering Bootcamp Student, I had a hard time incorporating external APIS to my Rails App. It required me to read the documentation, get the API key, and what not! Oh well, that's every engineer’s life. Without wasting time lets get started:

Objective: Send a request to fetch all the cuisines associated with the specific city.

  • Request: receives a city name string, and API key
  • Response: returns city info, and a list of cuisines in that city

Things we need:

  • create a rails API app

JavaScript Meme from the show Game of Thrones

Oh well! It did take me a while to wrap my head around how Javascript, being a single-threaded language (meaning it has only one execution path), handles asynchronous calls. Asynchronous Behaviour is possible through Callback Queue! I will be explaining this in a bit.

Well, we are talking about a Javascript feature here!

Intro picture

A Closure is a simple concept that returns a function inside another function. Also, remember functions are first-class citizens meaning one function can be inside another function. Functions in closure come with a backpack!

  • Whatever the outer functions will have, the inner function carries it in the backpack, e.g variables, or any parameters.
  • It knows that it has been run previously.

Whenever the inner function is called, it will always look for variables in the backpack or also known as Persistent Lexical Scope ( The scope of the functions depends on where it has been declared not executed). …

There are many array methods in Javascript but the one with which I struggle the most is, .splice() method.

javascript Logo

So the other day, I came across a leet code problem, which asked me to manipulate an array without making a copy of it! I searched for methods and I remembered, that .splice() can be useful for this problem. So without wasting any time lets dive into the basics of .splice() method.

Why do we need redux?

Redux logo

Redux is a predictable state container for Javascript applications, as mentioned in redux documentation. It took me some time to get my head around this concept. What does it actually mean? Let’s break this down into three points and focus on each of them separately. Redux is for:

  1. Javascript Apps

This simply means Redux can be used with any frameworks such as React, Angular, Vanilla Javascript, etc. It can be used independently and is not tied together to react.

2. It is a State Container

It stores the state of the application as a single…

What are “props” and how do we really use it? Assuming, we all know about react Components, which are reusable, meaning they can return any JSX, which can be included in any part of our application. Let's build a simple app whose only job is to welcome a user by their name.

Access Props in Functional Component

Here the parent is App.js, which is a class component, and its child Welcome.js is a functional component.

Intro picture

Before understanding how looping works, let us talk about JavaScript Objects. Remember, when we declare a variable using let, const, or var keywords? We set the identifier or variable name equals to a value. JavaScript variable can contain only one value, for example:

Where the fruit is the identifier or name of the variable and apple is the value. Let’s say, we bought some fresh fruits from the farmer’s market. How can we save all the fruits and fruit count into one variable? Yes, you guessed it right! We can use objects because they can contain…

People holding blocks of letter written ERROR
People holding blocks of letter written ERROR

When I started working on my first CLI project, I encountered many errors and spent most of my time debugging, which is good because I have read somewhere that “Only half of programming is coding. The other 90% is debugging.” After digging through ruby docs, I found out about these useful keywords, begin and rescue.

What are “keywords” in ruby?

Let me give you a refresher! Keywords or reserved words are used by a language for internal processes and therefore cannot be used as a variable.

For example:

Saima Rahman

Coach @FlatironSchool

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