indrepet / academind-react-course

🔰 React course exercises

Course projects are organized in multiple branches. Each of them represents a separate course project. To see the code of a specific project, switch to a branch via the dropdown menu.

🎯 Branch descriptions: Projects and features

• Goal list (01) // for learning dynamic styling
  • Adding dynamic inline styles & setting classes dynamically
  • Using styled-components package
  • Using CSS modules
• Goal list_v2 (02) // for learning to debug
  • Error messages, code flow, Chrome DevTools and using breakpoints, React DevTools extension
• Users list (03) // practice project done by me.
  • Doing a simple project without guidance + a challenge to figure out how to do a Error Modal with what we've learned so far.
• Users list_guided (03) // same project done with instructor's guidance + new concepts
  • Using React.Fragments and how it works, useRef, ReactDOM.createPortal
• Dummy login page (04) // useRef, useEffect, useContext and useReduced hooks; React fragments, forwarding refs
• Food ordering app (05) // putting what we've learned so far together.
• Class based users list (06)
  • Creating class based components. Lifecycle methods. Context in class based components. Error boundary.
• Fetch Movies (07) // Sending http requests. Using API, GET & POST requests to Firebase
• Custom hooks (08)

👸 Author

Indrė Petrauskaitė:

GitHub 🔗 LinkedIn

👁️‍🗨️ About

• About the course
• About the instructor