A loading screen is a great way to let users know something is happening on the page or have them wait while something is fetching. It doesn’t let them think the page just crashed, giving them some sort of confirmation when they see that spinning icon.

For our walkthrough, we are going to be building A “LOADING” screen when we’re fetching to an API.

Here’s out boiler plate code!

import { useState, useEffect } from 'react'const App = () => {  return (    <div>    </div>  )
export default App;

Redux is a state management tool that helps us maintain our state, putting it in a localize location/store where components can access it and subscribe to it. This comes in handy in larger size projects with ton of state, because it allows us to avoid the problem of traversing the state through many components.

For our walkthrough, we are going to be building this out. Whenever our number is 0 or below…

In order to understand Functional Programming we first need to understand the word function.

What is a Function?

Kadane’s Algorithm is an algorithm that solves a question called the Maximum Subarray Problem. It’s a very simple algorithm at first glance, but when you start digging into it, it becomes a lot more complicated.

In computer science, the maximum sum subarray problem is the task of finding a contiguous subarray with the largest sum, within a given one-dimensional array A[1…n] of numbers. Formally, the task is to find indices i and j with 1 < i < j < n, such that the sum is as large as possible.

In other words…

In this walkthrough, I’m going to show you how to customize your GitHub profile page. Making it unique and personal so you can showcase your skills to anyone who visits your profile.

First, we need to make a new repository under the name of your username and initialize it with a README file. This will give you a special repository and will be the first thing that gets display when visiting your profile.

There’s two key terms that define Big O Notation, Time Complexity and Space Complexity.

1. Time Complexity, a measure of how fast an algorithm runs.

2. Space Complexity, a measure of how much auxiliary memory an algorithm takes up.

These two terms make up…

This walk through is going to be about how to host your React application with Netlify.

Walkthrough In 9 Steps

  1. We need to make an account with Netlify.

Have you ever noticed in movies or TV shows that when the “awesome computer hacker person” needs to do something really important, you see them typing a lot of text on a screen and violà something seemingly magical happens?

It seems very intimidating and makes you think the movie “The Matrix” is a real thing when seeing it in action. But in reality this way of working with the computer is called the Command-Line Interface, CLI, and you don’t have to be a hacker to learn and use the CLI

In fact you used something similar without you even knowing…

Almost all applications today uses some sort of pop-up whenever you click a button or anything of that matter. Modals are great features that looks simply to build but can be tricky to tackle when given the task. So I hope I can help someone who is struggling with this feature!

As you can see with our example, whenever we click on that button it’s going to give us a modal that covers the whole screen. Even the our header will be cover as well, it is important. Because the biggest problem people face is covering other styling.

When making an application, you want to consider another devices when designing your project. Whenever it be mobile, tablet, and all in between, it’s important to keep in mind that they all have different window sizes. I’m going to go over to 2 ways you to make your application responsive on any device.

CSS Media Queries

Media queries is a simple solution for this problem, it’s noting complex and easy to implement. It has many selectors but the main one you’re going to use the majority of the time is “orientation”. https://www.w3schools.com/cssref/css3_pr_mediaquery.asp

@media (orientation: portrait) {}@media (orientation: landscape) {}

Joe C Gomez

I’m a Software Engineer who is always learning something new!

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