HYF-Class19 / home

Home repository for Class19
https://hyf-class19.github.io/home/
MIT License
9 stars 12 forks source link

Galal: Component Based Design-3__weeks #367

Open galalkoro98 opened 1 year ago

galalkoro98 commented 1 year ago

Learning Objectives

Priorities: πŸ₯š, 🐣, πŸ₯, πŸ” (click to learn more)
There is a lot to learn in this repository. If you can't master all the material at once, that's expected! Anything you don't master now will always be waiting for you to review when you need it. These 4 emoji's will help you prioritize your study time and to measure your progress: - πŸ₯š: Understanding this material is required, it covers the base skills you'll need for this module and the next. You do not need to finish all of them but should feel comfortable that you could with enough time. - 🐣: You have started all of these exercises and feel you could complete them all if you just had more time. It may not be easy for you but with effort you can make it through. - πŸ₯: You have studied the examples and started some exercises if you had time. You should have a big-picture understanding of these concepts/skills, but may not be confident completing the exercises. - πŸ”: These concepts or skills are not necessary but are related to this module. If you are finished with πŸ₯š, 🐣 and πŸ₯ you can use the πŸ” exercises to push yourself without getting distracted from the module's main objectives. ---

1. Rendering Static Pages

πŸ₯š JSX : you can ...

2. Rendering Data

πŸ₯šfunctional React components: you can ...

πŸ₯š Render data: you can

πŸ₯š Components and props : you can ...

πŸ₯š Create reusable components: you can ...

3. Stateful Components

πŸ₯šVDOM : you ....

πŸ₯š Hook

πŸ₯š use-state

πŸ₯š use-effect

πŸ₯š component lifecycle

4. Events

5. Component Structure

6. Consuming APIs

7. Frontend Routing

8. Global State

TOP


galalkoro98 commented 1 year ago

Week 1

I Need Help With:

Not really

What went well?

I understood what React library is I practice a lot by seeing some tutorials and I also inspired by @kevin exercises

What went less well?

some tiny issues like way of import images and create js function to intigrate and dom manuplation

Lessons Learned

Sunday Prep Work