100 Days of Code: Day 78

Home / Technology / Web Development / 100 Days of Code: Day 78
I learned about conditional and dynamic rendering in React, as well as how to render React on the server to improve SEO and user experience.

[vc_row css=”.vc_custom_1526680382655{margin-top: 15px !important;margin-bottom: 60px !important;padding-right: 10% !important;padding-left: 10% !important;}”][vc_column][vc_progress_bar values=”%5B%7B%22label%22%3A%22Progress%22%2C%22value%22%3A%2278%22%2C%22color%22%3A%22blue%22%7D%5D” title=”100 Days of Code, Round 1″ percentage_value=”27″ title_color=”#3e3e3e” bar_color=”#1b7da9″ track_height=”20px” track_color=”#e7f6fc” m=”20″ extra_class=”” units=”%”][/vc_column][/vc_row][vc_row][vc_column][vc_custom_heading text=”Goals For Today:” font_container=”tag:h3|text_align:left” use_theme_fonts=”yes”][ultimate_icon_list icon_size=”16″ icon_margin=”20″][ultimate_icon_list_item icon_type=”custom” icon_img=”id^4091|url^https://www.blissfullemon.com/wp-content/uploads/2018/05/done.png|caption^null|alt^null|title^done|description^null”]Complete the React section of Free Code Camp[/ultimate_icon_list_item][/ultimate_icon_list][vc_column_text]I’ve finished the last React challenges at Free Code Camp and, in the process, learned more about conditional and dynamic rendering in React.

What I Learned About React

  • How to use the state of a component to make decisions, including whether to render certain UI elements and how to style any elements that are displayed
  • Using Array.map() for the dynamic rendering of elements, which is particularly useful when the specific states of the application are unknown
  • How to assign a unique key to array elements so React can more easily keep track of them as they are added, modified, and removed
  • Using renderToString() to render React on the server instead of the client. This is especially useful for search engine optimization. It also reduces the loading time of the landing or home page of the app.

Moving Into Redux

Now that I have finally completed the React section of Free Code Camp, I will be moving into Redux. I think there are fewer than 20 Redux challenges, so it shouldn’t take more than a few days to finish them. However, I also found a Lynda.com course on Redux that I may include in my learning process, so it may take a few days longer.

From what I can tell, React and Redux go pretty much hand-in-hand. This is far from the last time I will be learning about React or working with conditional or dynamic rendering and React states. I think there is even a combined React/Redux section coming up before I begin working on the front end libraries projects.

Bravely Approaching The End of Round 1

As I get steadily closer to the end of my first round of 100 Days of Code, I can’t help but feel proud of myself for all that I have learned and accomplished.

Just a few days ago, I talked about how much my anxiety has been increasing lately. But that’s only part of what I am feeling. I also talked about wanting to be brave instead of perfect. Since then, I have realized that in taking on this massive challenge and truly facing it head-on (and beating it to a pulp!), I’ve made myself just a little braver.

Sure, I’ve been mostly highlighting what I have learned and the areas I feel strong in, but I have also simultaneously been exposing my weaknesses and flaws over these past few months. It’s scary because I know that there may be times when someone reads one of my posts and thinks, “Wowza, what a moron!”

You know what, though? That’s OK. I’m not a moron; I’m learning. If someone wants to pass judgment because they don’t remember what it’s like to learn something new and not understand it immediately, they aren’t anyone that I want to know. I don’t need their approval.[/vc_column_text][/vc_column][/vc_row]

Let's chat!

%d bloggers like this: