HYF-Class19 / home

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

Valeriya: Component Based Design: 3 weeks #371

Open V-Valkiriya opened 1 year ago

V-Valkiriya commented 1 year ago

Component-Based Design

Learn to design, plan and build frontend applications using a Component-Based approach. You will explore the ReactJS library which is designed to make Component-Based design easy and efficient.


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


V-Valkiriya commented 1 year ago

Week 1

I Need Help With:

What went well?

What went less well?

Lessons Learned

Sunday Prep Work

V-Valkiriya commented 1 year ago

Week 2

I Need Help With:

What went well?

What went less well?

Lessons Learned

Sunday Prep Work

V-Valkiriya commented 1 year ago

Week 3

I Need Help With:

What went well?

What went less well?

Lessons Learned

Sunday Prep Work