YoVDO

Coding File Tree UI Component - Day 7

Offered By: Ben Awad via YouTube

Tags

React Courses Web Development Courses Javascript Courses User Interfaces Courses

Course Description

Overview

Learn how to create a File Tree UI Component in this comprehensive tutorial video. Explore the process of building a dynamic and interactive file structure visualization, starting from basic input parameters and progressing to advanced features like presentation mode, motion effects, and Material UI integration. Discover techniques for inserting file icons, navigating through the tree structure, and implementing CSS styling. Follow along as the instructor guides you through testing, building the code, and integrating the component into a home page and style guide. Master the challenges of handling deep nested folder structures and gain practical insights into developing a robust File Tree component for your web applications.

Syllabus

Intro
Getting Started
Input Parameters
Presentation Mode
Container
Item
Text
Motion
Borderradius
overflowhidden
Material UI
Insert File
Icons
Navigating
CSS
Testing
Building the code
Home Page
Style Guide
Importing Component
Deep nested folder pass


Taught by

Ben Awad

Related Courses

Introduction to ReactJS
Microsoft via edX
Front-End Web Development with React
The Hong Kong University of Science and Technology via Coursera
Multiplatform Mobile App Development with React Native
The Hong Kong University of Science and Technology via Coursera
Client-based Web Applications development: ReactJS & Angular
Universidad Politécnica de Madrid via Miríadax
React
Udacity