1. All topics
  2. Technology
  3. Web Development
  4. Front-End Web Development
React.js: Building an Interface Preview

React.js: Building an Interface

With Ray Villalobos Liked by 6,784 users
Duration: 1h 40m Skill level: Intermediate Released: 4/23/2021

Start my 1-month free trial Buy for my team

Course details

React is a JavaScript library with reusable components and a unique data rendering approach. Web interfaces that you create with React are flexible, fast, and lightweight. In this course, instructor Ray Villalobos reviews component architecture in React and covers key skills that you need to be able to build interfaces. Ray steps through how to install React and get started with components, debugging, and variables. He explains how you can pass data to a component, use the useState hook and conditional classes, and toggle items by passing the state to a sub-component and using values to hide or show sub-components. Ray describes how you can delete records, search with a filtered array, set up a sort, and more. He shows how you can finish up your application by creating the code for adding appointments.

Skills you’ll gain

Earn a sharable certificate

Share what you’ve learned, and be a standout professional in your desired industry with a certificate showcasing your knowledge gained from the course.

Sample certificate

Certificate of Completion

  • Showcase on your LinkedIn profile under “Licenses and Certificate” section

  • Download or print out as PDF to share with others

  • Share as image online to demonstrate your skill

Meet the instructor

Learner reviews

4.6 out of 5

907 ratings
  • 5 star
    Current value: 658 73%
  • 4 star
    Current value: 161 18%
  • 3 star
    Current value: 46 5%
  • 2 star
    Current value: 17 2%
  • 1 star
    Current value: 25 3%
  • Matthew Tobino Matthew Tobino

    Matthew Tobino

    Computer Science Graduate | Seeking Opportunities in Entry-Level Development and Engineering roles

    3/5 July 19, 2024
    Please update the Installation of Tailwind to React 5.0
    Helpful · Report
  • LeVente Berry Jr. LeVente Berry Jr.

    LeVente Berry Jr.

    Commercial Credit Specialist II (AVP) at Bank of America | Full Stack Flex Developer

    4/5 July 15, 2024
    Overall this was a great high level overview of how to solve common problems with building out portions of an interface. However, would have liked more in-depth explanations on the logic used to build the components. Especially when utilizing hooks. Personally I had to stop the video and look up documentation to get a grasp on the logic utilized in the video.
    Helpful · Report
  • Ales Wirt Ales Wirt

    Ales Wirt

    Full-stack Software .NET Engineer

    2/5 July 10, 2024
    Good application example, however, there is a lot of copying, so it is not very interesting to follow the lessons, and the course is not updated to the current date, so the styles sometimes does not work correctly. Not so good explanation of features, due to already mention copy/paste process. Expected to work not just with a local JSON file wit data, but with the some requests to API
    Helpful · Report

Contents

What’s included

  • Learn on the go Access on tablet and phone

Download courses

Use your iOS or Android LinkedIn Learning app, and watch courses on your mobile device without an internet connection.

Download on the App Store Get it on Google Play