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
Month: May 2018
Day 8: What is state, how is different than props?
State in React: Sounds easy in theory but can be a bit complicated to implement. #MomsCanCode #Codergirls #WomenInTech #TechLadies #LearnReact
Day 7: Using Props in React
Read about how to Use Props in React. Follow along as we make our data dynamic with props.
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.
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
Day 4: More Components
We learned about using a component yesterday. Today we will learn what more than one component looks like.
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.
Day 2: Our first React Application
Like with any other language let's start with a Hello World app and see what a react application looks like: I know that looks like alot of code but most of it is just the structure of our HTML. We are using React scripts for now as it makes it easier to use. The… Continue reading Day 2: Our first React Application
Day 1: What is React? and Why should I learn it?
If you are like me and starting in your journey as an aspiring web developer, you have probably heard about React and how great it is. "It's the best thing" and "Everyone should learn it". But as I've tried to learn it this past week, it doesn't feel like the best thing and I started… Continue reading Day 1: What is React? and Why should I learn it?
Learning React and not really learning
I started the React part of my journey with Bloc a week ago and although I get the big picture of why react is great I can't get my head to wrap around how it works and that is making learning it so difficult. When I was learning how to fly there were many different… Continue reading Learning React and not really learning