alinamarasca / REACT-file-tree

Home Page:https://alinamarasca.github.io/REACT-file-tree/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

File tree

is little project to understand how React works.

What does it do?

  • on click open/close a folder
  • folder icon changes & arrow turns to indicate folder is opened/closed
  • each file has an icon matching to it's extension

Gains

  • better understanding of how to use useState hook
  • learned how to put one component into another
  • learned how to add style in React code
  • learned how to add icons
  • fun creating conditions
  • joy from using ternary operators(not a fan of TO myself,but here they really fit)

BONUS learn how to deploy React app on GitHub

I used this amazing tutorial for inspiration - watched it ysterday, wrote code by myself today with a few changes.

About

https://alinamarasca.github.io/REACT-file-tree/


Languages

Language:JavaScript 73.3%Language:HTML 26.7%