Coding After the Hospital

This was quite the curveball week, which I definitely didn’t expect after my last weeks writing. About 10 days ago I ended up with a Kidney Stone, and had to go to the ER which threw a little hiccup in my flow of things. It wasn’t my first, and after the initial day I have bounced back from my previous two in no time at all. This time, it was different. I have been in pain all week, and I went to the doctor today and they believe my stone is stuck which is really rough. All things aside, I still got some decent coding done in my time when I am feeling “alive” for lack of a better term.

I did some more school work again this week because going through the basics has definitely helped me grow my skills a lot faster. Being able to slow down and take things at my own pace, and do the extra research I would like to do has done wonders for me in my learning process. One of my friends in the profession told me the biggest help he can give me, is to let me know what Bootcamps don’t teach you. Bootcamps are very good at teaching you the “how” of coding, but in the limited time, tend to lack the “why”. So with each assignment, I have been researching the “why” portion of things, to find when each different aspect is the most applicable.

This week I got to dive into the React Dynamic Components lab that we did, which was just a simple overview of props and importing classes, along with some ColorBox conditionals which was fun to go over again. My first task, was to fill out the Comment.js file.

import React, { Component } from 'react'
 
export default class Comment extends Component { 
   render() { 
       return ( 
           <div className="comment"> 
               {this.props.commentText} 
           </div> 
       ) 
   }
}

This was very simple to build out, it just set a class name for the div, and inherits the commentText prop.

The next portion of the assignment was to uncomment the blogpost limitations, and add in the import Comment line. The original code looked like —

import React, { Component } from 'react';
// are we missing an import?
 
export default class BlogPost extends Component { 
 render() { 
  
  const comments = [ 
     "When we speak we are afraid our words will not be heard or welcomed. But when we are silent, we are still afraid. So it is better to speak. - Audrey Lorde", 
      "I am no longer accepting the things I cannot change. I am changing the things I cannot accept. - Angela Davis", 
     "If you don't understand, ask questions. If you're uncomfortable about asking questions, say you are uncomfortable about asking questions and then ask anyway. It's easy to tell when a question is coming from a good place. Then listen some more. Sometimes people just want to feel heard. Here's to possibilities of friendship and connection and understanding. - Chimamanda Ngozi Adichie" 
   ] 
    
  return ( 
     <div id="blog-post" className="wrapper"> 
       Just like moons and like suns,<br/> 
       With the certainty of tides,<br/> 
       Just like hopes springing high,<br/> 
       Still I'll rise.<br/> 
       -Maya Angelou<br/> 
 
       {/* (remove the comment ticks and their surrounding brackets) 
       <Comment commentText={comments[0]} /> 
       <Comment commentText={comments[0]} /> 
       <Comment commentText={comments[0]} /> 
       */} 
     </div> 
   ); 
 }
}

Which is very self explanatory. All I added was the line of code -

import Comment from './Comment.js'

That was added where they asked if we needed an import. This was a pretty simple assignment but it was fun to get back into the syntax of React again after mainly focusing on Ruby for so long.