React

• 79 min
  Workshop

  Introducing UXPin Merge

  Meet a UI builder that allows you to design with live code.

  
  UXPin Merge is a design tool for developers and technical designers who want 100% parity between design and code. Either you have code components and want to build a nicer UI, or you want to design with open-source libraries such as MUI, Bootstrap, or Tailwind UI — we've got you. In this workshop, we'll show you how to get the most out of coded components in design. Assemble functional prototypes and export clean code to ship products faster than ever. Sign up for a free account and build a dashboard with us! Learn more about UXPin Merge.

  Exclusive Offer for Treehouse Students: Enjoy 50% Off Merge AI Plans!

  • Merge AI Monthly Plan: Get 50% off for 6 months.
  • Merge AI Annual Plan: Get 50% off for a full year.

  To redeem, simply follow these steps:

  1. Start a free trial.
  2. At checkout, select the Merge AI plan you wish to subscribe to.
  3. Enter promo code UXPINTH50 for a monthly subscription, or UXPINTH50Y for an annual subscription.
  Viewed
  • Design
  • Beginner
• 39 hours
  Bonus Series

  Code & Chill Livestreams

  Watch Treehouse Developer Advocate Dustin Usey on Code & Chill, a weekly livestream on Twitch where he streams random app builds, hosts fun code-along sessions, and hangs out with the Treehouse community.

  Viewed
  • JavaScript
• 24 min
  Workshop

  Create a Portfolio Using React

  Build an impressive portfolio with React that showcases your skills to potential employers. We'll start with provided styles and focus on creating components and adding interactivity. The portfolio will have a mobile-first design and be user-friendly for everyone. By the end, you'll have a simple yet impressive portfolio to show to potential employers.

  Viewed
  • React
  • Intermediate
• 19 min
  Workshop

  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 Vercel and Netlify.

  Viewed
  • JavaScript
  • Intermediate
• 41 min
  Workshop

  Navigate Unfamiliar Code with AI

  Join Dustin as he showcases the actual process of constructing a task manager application when faced with an unfamiliar codebase. Using AI tools such as GitHub Copilot and ChatGPT to assist in bridging any gaps that come up along the way.

  Viewed
  • AI
  • Intermediate
• 11 min
  Practice

  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
  • JavaScript
  • Beginner
• • 1
  • 2
  • 3
  • 4

  2 hours
  Course

  React Basics

  | 481 students

  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.

  • JavaScript
  • Intermediate
• 28 min
  Workshop

  Building a React App with ChatGPT

  Learn how to create a React app using ChatGPT! In this video, we harness the capabilities of ChatGPT to generate the initial code and continuously improve our app's functionality and user experience. Witness the synergy between AI and React as we explore the pros and cons of leveraging ChatGPT in app development. Join us on this exciting journey of building a feature-rich app with ChatGPT and React.

  Viewed
  • AI
  • Beginner
• 21 min
  Workshop

  How to Set Up a React App

  React is a popular JavaScript library used for building user interfaces. In this workshop, you will learn how to set up a React app from scratch using Create React App and Vite. In this course, you'll learn step-by-step how to create a new React project, the starter files each built tool starts you off with and the default commands it comes with.

  Viewed
  • JavaScript
  • Intermediate
• • 1
  • 2
  • 3

  106 min
  Course

  React Authentication

  | 156 students

  In this course, you will learn how to implement the Basic Authentication scheme in a React application using an Express REST API.

  • JavaScript
  • Intermediate
• 54 min
  Workshop

  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
  • JavaScript
  • Intermediate
• 43 min
  Workshop

  Data Fetching in React

  Learn different methods for fetching external data in React, and how to display the data in your app.

  Viewed
  • JavaScript
  • Intermediate
• • 1
  • 2
  • 3

  91 min
  Course

  React Router v6 Basics

  | 352 students

  Learn to use React Router v6, a declarative routing solution for React, to manage the navigation and rendering of components in your applications.

  • JavaScript
  • Intermediate
• 8 min
  Workshop

  Full Stack JavaScript Techdegree Portfolio Overview

  Here at Treehouse, we have many Techdegrees to get you job ready no matter your skill level. The Full Stack JavaScript Techdegree is one of the most popular. Come take a look at all the professional-quality projects you'll build in this Techdegree!
  
  Start your free trial today! (https://trhou.se/3I1UNT3)
  
  Projects Random Quote Generator (https://teamtreehouse.com/library/introducing-the-random-quote-generator-2) Data Pagination and Filtering (https://teamtreehouse.com/library/introducing-the-data-pagination-and-filtering-project-2) Interactive Form (https://teamtreehouse.com/library/introducing-the-interactive-form-project-2) OOP Game Show App (https://teamtreehouse.com/library/introducing-the-oop-game-show-app-2) Public API Requests (https://teamtreehouse.com/library/introducing-the-api-requests-project-2) Static Node.js and Express Site (https://teamtreehouse.com/library/introducing-the-static-nodejs-and-express-site-project-2) React Gallery App (https://teamtreehouse.com/library/introducing-the-react-gallery-app-project-2) SQL Library Manager (https://teamtreehouse.com/library/introducing-the-sql-library-manager-project-2) REST API (https://teamtreehouse.com/library/introducing-the-rest-api-project-2) Full Stack App with React and a REST API (https://teamtreehouse.com/library/introducing-the-full-stack-app-with-react-and-a-rest-api-project-2)

  Viewed
  • JavaScript
  • Beginner
• 15 min
  Practice

  Practice State in React

  Practice initializing and managing state in React by building a star rating component.

  Viewed
  • JavaScript
  • Intermediate
• • 1
  • 2
  • 3
  • 4
  • 5

  2 hours
  Course

  React Components

  | 545 students

  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.

  • JavaScript
  • Intermediate
• 11 min
  Practice

  Practice Hooks in React

  Practice React's built-in useContext and useState Hooks to update an app with user authentication.

  Viewed
  • JavaScript
  • Intermediate
• 70 min
  Workshop

  React Hooks

  Get started with React Hooks, special functions that let you use state, context, and perform side effects in function components.

  Viewed
  • JavaScript
  • Intermediate
• 17 min
  Workshop

  Using Create React Native App

  Learn the fastest way to get up and running with React Native.

  Viewed
  • JavaScript
  • Intermediate
• 26 min
  Workshop

  What's New in React 16

  Get up to speed with new features in React 16, a complete rewrite of the React library.

  Viewed
  • JavaScript
  • Intermediate
• • 1
  • 2
  • 3

  113 min
  Course

  React by Example

  | 2590 students

  Learn React programming patterns by building an application for keeping track of RSVP's! We'll start at the beginning, using create react app (https://github.com/facebookincubator/create-react-app) to initialize the project, and by the end you'll have a functional application.

  • JavaScript
  • Intermediate
• 22 min
  Workshop

  Using Create React App

  Learn to quickly set up React projects using Create React App.

  Viewed
  • JavaScript
  • Intermediate
• 45 min
  Bonus Series

  Learn React Panel

  James Churchill moderates a panel discussion with Jared Schaab, Joe Fraley, and Beau Palmquist on the state of React in development today. They will discuss the best ways to learn React, how its being used in both professional and personal development projects, and will give advice to students on best practices.

  Viewed
  • Courses Plus
  • JavaScript

Whoops! Perhaps you can try a broader search.

Reset all filters