aviv;componenet-based-design: weeks 27-29

[aviv82]

progress

• [x] 🥚Write elements with JSX syntax

🥚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 a reusable pieces of 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)
• 🐣deeper look in hooks:
• [ ] make your own counter hook
• [x] useState not shared between components
• [ ] useEffect (any side-effect)
• 🐣 create components that manage internal state and emit custom events
• [x] handling events
• [x] build reusable components that take functions as arguments
• [x] child components communicating with parent components
• [x] passing functions as props
• [ ] 🐥 splitting components with logic in mind
  • why create dumb components when hooks can be anywhere?
• [ ] re-render cycles (all children)
  • why putting state at lower levels is efficient
  • why not to use everything in global state
• [ ] 🐥 fetch and use API data in components
• [ ] async useEffect callbacks
• [ ] 🐔react router
• 🐔being careful about what you put in useContext
  • [ ] only move data to context when it's necessary
  • [ ] store and manage global app state shared between components
• 🐔useContext
  • [ ] other state management systems/strategies exist

[aviv82]

Week 27

• exercises completed:
  • google homepage
  • gradie signup page
  • netflix login form

Check-In

I Need Help With:

using props in react

What went well?

completed exercises with regular study group. currently working on exercise 4 'pricing plan cards'

What went less well?

really lost on how to use props in react

Lessons Learned

basic react

Sunday Prep Work

• keep studying/practicing

[gelilaa]

really lost on how to use props in react

I think that will be a good question to ask this Sunday.

[aviv82]

really lost on how to use props in react

I think that will be a good question to ask this Sunday.

sounds good! we made a bit of progress today but still far from where i want to be

[aviv82]

Week 28

• i have pushed my progress on to the movie list exercise repo

Check-In

I Need Help With:

useState and props in react

What went well?

steadily progressing on movie-list exercise

What went less well?

issues with getting the detail page up and running

Lessons Learned

basic react

Sunday Prep Work

• keep studying/practicing

[aviv82]

Week 29

• i have pushed my progress on to the timer app repo

Check-In

I Need Help With:

using var() in css and having react communicate with css in general

What went well?

finished timer app (sort of)

What went less well?

been a rough couple of weeks but i am slowly catching up to where i need to be

Lessons Learned

basic react

• useState
• useEffect
• useRef

Sunday Prep Work

• keep studying/practicing