Understanding Props & Hierarchy in React

In React, we have the ability to pass and share certain information between components with the help of using props (AKA properties). Props are very similar to function arguments in JavaScript and attributes in HTML.

To pass around props, the components are structured in a form of a hierarchy. Every component underneath another in this hierarchy is referred to as a child.

Understanding these concepts as a new React dev can seem confusing, so let’s take a look at props & the hierarchy of components


Here’s a quick example of a prop:

Image for post
Image for post
If this is your first time to React, this might seem a bit overwhelming

First, let's look at line 2. In order to properly send props between our components, we need to make sure we import/export the components we need. …

Dealing with impostor syndrome as a programmer and how to manage it.

Image for post
Image for post

In many challenges throughout our professional and personal lives, we are held back by the ugly thought that people like us could never succeed despite what we know. We leave the satisfaction of success to other folks because we do not see ourselves to be anything like the sort of people we see winning.

We quickly become convinced that we are simply impostors or frauds and even credit our current success to pure luck. This strange psychological issue is a phenomenon that can leave anybody in any type of industry feeling like a phony.

Impostor syndrome is especially known to affect programmers at times. This leaves both junior & senior developers hung up on the knowledge and coding tools/languages that they are not too familiar with. They struggle to see their value and negatively compare their skills to the skills of those around them. …

Image for post
Image for post
The for and while loop

Learning a new language can be difficult at times, especially when these languages have new concepts that are foreign to many beginner programmers. One of the most difficult concepts for me to understand was Javascript’s loops.

In Javascript, loops can be used to perform repeated code based on a condition. These conditions typically return true or false when analyzed by our loop. A loop will continue running until the defined condition returns false.

Loops are not too difficult, but sometimes they can confuse those who aren’t too confident or familiar with the concept. …

At some point in my software engineering career, I was introduced to the Ruby programming language, which is known to be one of the easiest programming languages to learn in today's world of programming.

In technical terms, Ruby is:

a dynamic, open-source programming language with a focus on simplicity and productivity. It has an elegant syntax that is natural to read and easy to write.

(As defined in the official ruby page)

When I first got into software engineering, I thought about how the technology came to be. I thought about ancient times when computers didn’t even exist. To think this all came from almost nothing is absolutely fascinating. …


Hugo Rodriguez

Aspiring Software Engineer | Student @ Flatiron School

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