Jean Paul: Component-Based Design, 3-weeks

[iradukundajp]

Learning Objectives

[1. Rendering Static Pages]

JSX : you can ...

• [x] Write elements with JSX syntax

[2. Rendering Data]

functional React components: you can ...

• [x] Create a React function component (both function definition and arrow function styles)

• [x] Import/export components between files

Render data: you can

• [x] Use interpolation ({}) to insert JavaScript expressions into JSX
• [x] Render a list using the .map method

Components and props : you can ...

• [x] create small, reusable components
• [x] how to pass props into React components

Create reusable components: you can ...

• [x] Nest components within other components
  • one folder with a main component
  • sub-components for your convenience (not part of public contract)

[3. Stateful Components]

VDOM : you ....

• [x] can differenciate the real dom from the virtual dom
• [x] know what reconciliation process is ..

Hook

• [ ] simple, just enough for the flavor
• [ ] the react docs "rules of hooks"

---

Week 1:

I Need Help With:

• Almost everything is going well

What went well?

• Doing more projects with react

What went less well?

• Alot of information to process but with practice everything is possible

Lessons Learned

• Fetching the data
• UseState
• onChange
• onClick

---

Week 2:

I Need Help With:

What went well?

What went less well?

Lessons Learned

---

Week 3:

I Need Help With:

What went well?

What went less well?

Lessons Learned