Lessons
Explore all newline lessons
lesson
Build Your First API-Powered React App with AxiosBeginner's Guide to Real World ReactWe've seen the finished app, so now it's time to build it! This lesson will take you, step by step, through creating a brand new app, the Furry Friends Gallery Mark II.
lesson
Furry Friends Gallery Mark IIBeginner's Guide to Real World ReactOur code-along project for this module is to build a new Furry Friends Gallery. This time, we'll be using a new API and common UI patterns such as a sidebar filter. In this lesson, we'll take a look at what we'll be building.
lesson
How to Fetch API Data in React with JavaScript Fetch and AxiosBeginner's Guide to Real World ReactThis lesson introduces the concepts and approaches you can use to deal with fetching data within React, including the JavaScript Fetch API.
lesson
Build Your First Functional React App with Create React AppBeginner's Guide to Real World ReactThis code-along lesson walks through using Create React App to build a fully-functioning picture gallery, the Furry Friend Gallery.
lesson
Furry Friend Gallery appBeginner's Guide to Real World ReactWe're going to build on the previous Hooks demo by creating a dog picture gallery. First though, let's take a look at what we're going to build.
lesson
React useState and useEffect - A Beginner's GuideBeginner's Guide to Real World ReactIn this lesson we'll take a look at the most common Hooks you'll come across and learn how to use them in your apps.
![Intro to React Hooks [with examples]](/_next/image?url=https%3A%2F%2Fimage.mux.com%2FzX94N00lx9ehBWIPMJ7UgDcVEe8axBDcRGNAvhnHjxm00%2Fthumbnail.png%3Ftime%3D0&w=3840&q=75)
lesson
Intro to React Hooks [with examples]Beginner's Guide to Real World ReactThis module introduces us to React Hooks; what they are, how to use them, and why they're an important part of modern React development.
lesson
Beginner's Guide to Managing Data in ReactBeginner's Guide to Real World ReactSo far, we've built and refactored a great React app. Now, it's time to talk about the fundamental principles of React components and its core concepts.
lesson
How to Refactor a React App into ComponentsBeginner's Guide to Real World ReactWith our Greeting App built, we're going to learn how to 'think in React' by breaking down our small App into components and refactoring it to use them.
lesson
Getting Started with React - Building Your First AppBeginner's Guide to Real World ReactNow that we've introduced our very first app, the Greeting App, this lesson will cover the actual building of it, step by step.
lesson
First React app - The Greeting AppBeginner's Guide to Real World ReactBefore we dive into more deep and challenging topics, we'll have some fun by building an app. Our first React app will present our users with an input and send them a friendly greeting message.
lesson
React Pros and ConsBeginner's Guide to Real World ReactReact does have a few drawbacks and caveats to working with it. We'll explore some of those in this lesson.