
Welcome to Tracks
Treehouse Tracks are guided curriculums that cover all relevant Courses and Workshops necessary to master a subject. Treehouse’s learning library includes dozens of Tracks on a variety of topics including web design, programming, and more. With Compass, you’ll also be able to test out of subjects you already know, and create a custom curriculum for your learning goals.
View all TracksReady to start learning?
Treehouse offers a 7 day free trial for new students. Get access to 1000s of hours of content. Learn to code, land your dream job.
Start Your Free Trial-
- 1
- 2
- 3
- 4
React Basics
React is a JavaScript library for building user interfaces. React makes building and maintaining your application's user interface faster and easier by breaking it up into smaller, reusable components. It also helps eliminate the complexity of updating your DOM elements when the user interacts with your application.
-
10 minPractice
Practice React Component Rendering
Sharpen your React skills by practicing JSX, creating and rendering components, passing down props, as well as iterating over data, and more.
Viewed -
- 1
- 2
- 3
- 4
- 5
React Components
Components are the core building blocks of a React application. This course will level-up your React skills by providing a better understanding of functional components, state and lifecycle methods, and how to split your UI into reusable and composable components.
-
15 minPractice
Practice State in React
Practice initializing and managing state in React by building a star rating component.
Viewed -
22 minWorkshop
Using Create React App
Learn to quickly set up React projects using Create React App.
Viewed -
43 minWorkshop
Data Fetching in React
Learn different methods for fetching external data in React, and how to display the data in your app.
Viewed -
- 1
- 2
- 3
React Router v6 Basics
Learn to use React Router v6, a declarative routing solution for React, to manage navigation and rendering of components in your applications.
-
54 minWorkshop
React Context API
In the typical React data flow, components communicate with each other via props. A parent passes props down to child components. Sometimes the intermediary components get props passed to them with the sole purpose of passing that data down one (or several) more levels deep. This cascade of props is often referred to as "prop drilling". The React Context API provides a way to pass data to components without having to pass props manually at every single level.
Viewed -
26 minWorkshop
What's New in React 16
Get up to speed with new features in React 16, a complete rewrite of the React library.
Viewed -
1 minInstruction
Learn More About React
The following courses will help you practice building React apps, and guide you through the basics of Redux, a JavaScript library for managing application state....(continue reading)
Viewed -
20 minWorkshop
Deploying a React App
Learn how to create a production build of your React application and deploy it to a server, using free tools and services like GitHub Pages, Now, and Netlify.
Viewed -
Track Completion
Learn React
React is a JavaScript library developed at Facebook for building user interfaces. This Track will give you a solid foundation for working with React.
React allows you to describe how your app should be displayed in an easy to understand way. It also helps eliminate the complexity that comes with updating your DOM elements when users interact with your application. React will change the way you think about building web applications!
Before enrolling in this Track, we recommend the courses JavaScript Loops, Arrays, and Objects, and Object-Oriented JavaScript as prerequisites.
We'll begin with an introductory course on React, where you'll learn about components, props, state, and a few other foundational things. Next, you'll level-up your React skills by gaining a better understanding of class vs. functional components, state and lifecycle methods, and how to split your UI into reusable and composable components.
The next part of the Track will walk you through how to use the Create React App, and then we'll learn how to use the React Context API. Then, our React Router 4 Basics course will teach you to use React Router v4, a declarative routing solution for React, to manage navigation and rendering of components in your applications.
Finally, we'll put all this knowledge to use with instruction on data fetching, React Hooks, and deploying a React app. Ready to get started working with React? Let's get started!
-
An entry-level salary for the technologies covered in this track is about $90,000 / yr on average.
-
Some companies that use these technologies regularly include: Netflix, Airbnb, Facebook, Home Depot, IBM Design