Building a React.js App: Notetaker Introduction

What's up, everyone? I am really excited to introduce this brand new series all about ReactJS.

Usually what happens when people start out learning React is that they go to the docs, and everything looks good, and React makes sense. But when they go to build a real application with it it's pretty difficult, because you need to know more than React to actually build React applications.

That's what we're going to do in this series. We're not only going to talk about React, but we're also going to talk about things like webpack, and how to take your JSX and transform it into JavaScript. We're going to talk about how to persist data with Firebase, specifically with ReactFire.

We're going to talk all about React Router and how to do routing, and how to make network requests with Axios.

My goal by the end of this series is that you'll understand a lot of the fundamental aspects of React, but you'll also know how to build full React applications, using all of these different tool sets.

The app we're going to be building is this simple React Github Notetaker. Basically what you're going to do is, if you enter in a user name, it's going to search github, pull in their information. You have their profile. You have their repos.

But over here, we're also going to be able to persist some notes about this specific user, using Firebase. So, I can come in here and add a new note. Then I can also come in here.

If I change the user name, what's going to happen is it's going to re-fetch the data, repopulate our views. Then, as always, we can add a new note over here, too