Lessons
Explore all newline lessons
lesson
How to Deploy Your First React App on NetlifyBeginner's Guide to Real World ReactIn this final lesson of the module, we'll walkthrough the deployment process to host our Furry Friends Gallery Mark II app on the Netlify hosting platform.
lesson
How to Set Up a React App for Continuous IntegrationBeginner's Guide to Real World ReactReact apps need to be built and packaged up for deployment before we can think about sending them off to a hosting platform. This lessons covers how to build your React apps, ready for deployment.
lesson
The Best Hosting Environments to Deploy a React AppBeginner's Guide to Real World ReactDeploying your React apps is a vital step and this module will help you learn just how to do that. We cover some hosting history as well as your options for deployment in modern hosting ecosystems.
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.