React.js: Building an Interface

Learn how to apply React to create user interfaces that display dynamic data.

Introduction

• Why React is so important
• Exercise files

1. Set Up and Install

• Installing requirements
• React installation
• Customizing your installs
• Using React icon components
• Installing Tailwind CSS in React

2. Getting Started

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

3. Sort and Search

• Passing data to a component
• The useState Hook and conditional classes
• Passing state and hiding components

4. Mutating Data

• useEffect and useCallback Hooks
• Deleting records
• Searching with a filtered array
• Setting up a sort
• Programming the sorting interface
• Adding a new appointment

Conclusion

• Next steps