
# Starting Fullstackopen Part 5

Today, I started Fullstackopen [part 5](https://fullstackopen.com/en/part5/login_in_frontend), which deals with React & frontend authentication. It's been a while since I coded in React so I had some issues getting my code to work. 

One issue I was dealing with was conditionally rendering blogs if they were present. For some reason, my react code was fetching blogs from the API, but I was getting errors with blogs being undefined. 

Here was the original code where I was checking if blogs were present or not:

```ts
if(!blogs) {
    return (
        <div>
            No blogs present
        </div>
    )
}
```

Long story short, after 2 hours of debugging and trying out different fixes, I realized that empty arrays are not considered to be falsy! The `blogs` in my code was an array of `blog` objects, and I was checking to see if it existed based on an if statement. However, I assumed that an empty array would be evaluated to false, but this is not the case. To fix the bug, I modified my if statement to check the length of the array:

```ts
if(blogs.length === 0) {
    return (
        <div>
            No blogs present
        </div>
    )
}
```

This worked and one coding obstacle was finally cleared! 


<h1>Starting Fullstackopen Part 5</h1>
<p>Today, I started Fullstackopen <a href="https://fullstackopen.com/en/part5/login_in_frontend">part 5</a>, which deals with React &#x26; frontend authentication. It's been a while since I coded in React so I had some issues getting my code to work.</p>
<p>One issue I was dealing with was conditionally rendering blogs if they were present. For some reason, my react code was fetching blogs from the API, but I was getting errors with blogs being undefined.</p>
<p>Here was the original code where I was checking if blogs were present or not:</p>
<pre><code>if(!blogs) {
    return (
        &#x3C;div>
            No blogs present
        &#x3C;/div>
    )
}
</code></pre>
<p>Long story short, after 2 hours of debugging and trying out different fixes, I realized that empty arrays are not considered to be falsy! The <code>blogs</code> in my code was an array of <code>blog</code> objects, and I was checking to see if it existed based on an if statement. However, I assumed that an empty array would be evaluated to false, but this is not the case. To fix the bug, I modified my if statement to check the length of the array:</p>
<pre><code>if(blogs.length === 0) {
    return (
        &#x3C;div>
            No blogs present
        &#x3C;/div>
    )
}
</code></pre>
<p>This worked and one coding obstacle was finally cleared!</p>
