Let's create a simple form where all it does is take the submission and displays it. Yes it sounds simple but there is a lot going on where it can get confusing. But once you get the basics down then everything else that has to do with a form is just an extension of this.… Continue reading Creating a form with React
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
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
State in React: Sounds easy in theory but can be a bit complicated to implement. #MomsCanCode #Codergirls #WomenInTech #TechLadies #LearnReact
Read about how to Use Props in React. Follow along as we make our data dynamic with props.
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.
**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
We learned about using a component yesterday. Today we will learn what more than one component looks like.
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.