Special offers now — see discounted courses.
day
:
hour
:
min
:
sec
See special offers
React.js: Building an Interface

React.js: Building an Interface

1h 40mIntermediate2021-04-23

Authors

Ray Villalobos

Ray Villalobos

Senior Staff Instructor at LinkedIn Learning

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 covered

React.jsMetaFront-End Web DevelopmentWeb DevelopmentDeep Dive (X:Y)

Concepts

0. Introduction

  • 01 - Why React is so important
  • 02 - Exercise files

1. Set Up and Install

  • 03 - Installing requirements
  • 04 - React installation
  • 05 - Customizing your installs
  • 06 - Using React icon components
  • 07 - Installing Tailwind CSS in React

2. Getting Started

  • 08 - Your first component
  • 09 - Creating a sub-component Hooks
  • 10 - Getting appointments and debugging
  • 11 - Importing JSON data as a variable

3. Sort and Search

  • 12 - Passing data to a component
  • 13 - The useState Hook and conditional classes
  • 14 - Passing state and hiding components

4. Mutating Data

  • 15 - useEffect and useCallback Hooks
  • 16 - Deleting records
  • 17 - Searching with a filtered array
  • 18 - Setting up a sort
  • 19 - Programming the sorting interface
  • 20 - Adding a new appointment

Conclusion

  • 21 - Next steps

About us

LyndaKade is a leading learning platform that helps people learn business, software, technology, and creative skills to achieve personal and professional goals.

Phone numberAparat ChannelTelegram SupportTelegram ChannelInstagram Page

All rights to this site belong to LyndaKade.

Terms of Service|Privacy Policy

نماد الکترونیک enamad در صورت اتصال با آی‌پی داخل کشور، نمایش داده خواهد شد.
logo-samandehi - لوگو ساماندهی
Zarinpal
Zibal