Javascript, Journey, React

Before you dive into React learn a few more Javascript items.

Working on react these past few weeks I have to warn you that before you move on to the React make sure you are comfortable working with the following concepts. The reason I am saying this is because I learned this the hard way. I knew Javascript or so I thought. I knew V5 of… Continue reading Before you dive into React learn a few more Javascript items.

Journey, React

Styling a React App

As if working on the functionality of an web application wasn't enough, you are also expected to style it and make it look nice. I had the hardest time figuring out the easiest but also the "appropriate" way of doing so. Searching around the internet I couldn't find something to tell me this is the… Continue reading Styling a React App

Journey, React

Lifecycle of a Component in React

There's a lot going on with a component that we don't realize, but before we get into it we need to discuss a term and that is mounting. You might remember from our initial discussion on React that React works with virtual DOMs that update the real DOM as needed.  Mounting is the process of converting… Continue reading Lifecycle of a Component in React

Journey, React

Day 6: What Makes React Interactive.

It's not good practice to have a powerful tool like React and not take advantage of of it's power. In our Twitter Timeline that we created yesterday we hard coded all the information in ourselves, which defeats the purpose of using React, we could've done the same thing much faster with simple HTML. So let's… Continue reading Day 6: What Makes React Interactive.

Journey, React

Day 5: Let’s build some complex components

**For this section I am going to assume you have installed node with npm and create react app** If you have not  you can follow this tutorial for installing node and this tutorial for installing create-react-app. ** Let's try to recreate the timeline section of Twitter. But before we do any coding let's do some… Continue reading Day 5: Let’s build some complex components

Journey, React

Day 3: Let’s get to know these Components.

One of the main reasons behind what made React so different is the use of components. So let's try to understand What they are How to use them What are components? Let's try to wrap our heads around what a component is. The best way I can describe them is like a lego piece. They… Continue reading Day 3: Let’s get to know these Components.