/react-mini-projects

learning react with very basic projects

Primary LanguageHTML

Mini-projects to learn react.js

nb: every project is stored in a different branch

counter

1660249082356

🌿 branch: counter

👀 what i learned?

  1. what is state
  2. useState hook
  3. onclick function

modal

1660249510674

🌿 branch: modal

👀 what i learned?

  1. Conditional rendering
  2. How to make animated modal
  3. How to send content to a modal (children)
  4. How to send props

Quiz

1660249609940

🌿 branch: quiz

👀 what i learned?

  1. Step-by-step content rendering
  2. Progressbar
  3. Sending props for displaying the result of the quiz

User list

1660249789449

🌿 branch: users

👀 what i learned?

  1. Hook useEffect
  2. Sending request to backend using fetch function and rendering received data
  3. User search
  4. Rendering the user list
  5. Spread-operator
  6. Adding / removing users from the list
  7. Loading content information