Sign in

Ever seen this graphic before? It looks complicated, but its actually a very important illustration as to how React/Redux works.

https://projects.wojtekmaj.pl/react-lifecycle-methods-diagram/

Before we begin, it’s important to understand that every React component has something called a component lifecycle. This lifecycle is most commonly divided into three parts: mounting, updating, and unmounting. Prior to the mounting phase, a pre-mounting phase occurs where the constructor function is called. Within this constructor, it is absolutely necessary to always call super(). This gives us the ability to set the value of this.

Mounting

When an instance of a component is being created and rendered onto the…

Did I say that correctly? Final project? As in…. the very last one? I can’t believe it! The last project is a React/Redux front end with a Ruby on Rails API backend. Every project I’ve completed was in some way related to a hobby or favorite theme on mine, so it felt fitting to make this last project about my love for dogs.

DOGDAZE

DogDaze is a Single Page Application (SPA) that allows users to track and document all of their dogs daily activities and needs. Did you feed Pepper? Did Bella take her medications? When was Fido last walked? All…

Scope can seem like a daunting concept to figure out when you’re just beginning to learn JavaScript. However, its important to fully understand how it works because it will help you manage the availability of your variables. Simply put:

“ Scope is the accessibility of variables, functions, and objects in some particular part of your code during runtime. In other words, scope determines the visibility of variables and other resources in areas of your code.”

— Hammad Ahmed

Scope has two different types: Global and Local. We will start with global scope. Take for example the following code:

Since the…

First and foremost, what is Action View and what is its role in Rails? Action View templates allow us to write embedded Ruby within HTML files. To better DRY our code, we implement the use of partials. The following two examples will show how to use and render partials in html.erb files.

Partial form in Action View

Partial forms will allow us to reuse our code repeatedly throughout various sections of our application, but without repeating ourselves. As you can see depicted above is an example of a partial form. I am using the form_for method so the user can create and update specific attributes…

What’s object-relational mapping, or ORM? Although it sounds complicated, it is simply the ability to access relational databases while using an object oriented programming language. This way, we can use OOP to “map” database tables to classes and and database rows to instances of those class. In other words, we are converting database data to objects that can be used within an OOP. If I want an array of all users in a given database, I would have to incorporate SQL into my code to make that request. Let’s take a look at what manually mapping data looks like.

As…

A story of how I made my first CLI app for the Flatiron School

I was given the task of creating a CLI application that pulls data from an external source. Was this task easy? Absolutely not. But did I learn more than I thought possible? The answer is a resounding yes.

Before I start getting technical, I just want to let whomever is reading this know that coding is not easy, but never EVER let the fear of failure keep you from succeeding. …

My motivation to transition into the tech industry stems primarily from this question: As someone who is constantly consumed by tech each day, if we pull back the curtains, how exactly do my favorite websites and applications function on a daily basis?

As a former flight attendant, every aspect of our job was linked to our work phones. From safety procedures to common medical issues to food and beverage sales, our phones had the required applications to assist the crewmembers with whatever we needed. I deeply enjoyed my career working for an airline. I climbed to the top of the…

Niani Byrd

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