What's next after tutorials and building projects? I think that it's making contributions to open source projects. I have no idea how to do it, but I want to and that is motivation enough to figure out how and to actually do it. Follow me as I learn how to do so.
Have you ever had a brilliant idea super early in the morning. I just did. I have been wanting to work on an actual personal project that didn't come from a tutorial but didn't know what to make. Finally it came to me. Read about my idea and follow along as I continue to build it from an idea to an actual working app.
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