Sanne Sofie: Component-based-design, chapter 1 week 1

[sannesofie]

progress

• [x] 🥚Write elements with JSX syntax

🥚functional React components: you can ...

• [ ] Create a React function component (both function definition and arrow function styles)
• [x] Import/export components between files 🥚 Render data: you can
• [ ] Use interpolation ({}) to insert JavaScript expressions into JSX
• [ ] Render a list using the .map method 🥚 Components and props : you can ...
• [x] create a reusable pieces of components
• [ ] 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
• [ ] useState not shared between components
• [ ] useEffect (any side-effect)
• 🐣 create components that manage internal state and emit custom events
• [ ] handling events
• [ ] build reusable components that take functions as arguments
• [ ] child components communicating with parent components
• [ ] 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

[sannesofie]

@gelilaa

Check-In

I Need Help With: I don't know what code to write in each jsx file, this will take me time to learn, like with all coding for me

What went well? I fully understand the idea of working in components and I like it, but for me it has to be simple or else I get lost in all the import/exports

What went less well? Had so many problems with VS Code used so much time to try and get it right, also misunderstood the exercise so I used a lot of time setting up repos and copy-pasting things

Lessons Learned VS code can be very annoying when not working. I worked alone this week, had help from Kenneth

Sunday Prep Work watch tutorials, clone repo, finish 1 project

[sannesofie]

@gelilaa

Check-In

I Need Help With: Coding just does not come easy to me... I get stuck with whatever I try and it makes me feel stupid (projects in Codecademy) the current task "movie list" is too advanced for me

What went well? I know all the setting up of React but actually creating something is not happening yet, everything is going to fast for me

What went less well? I am trying to finish Codecademy JS (in hope that it will spark my coding understanding, but getting stuck in projects all the time is not very motivating)

Lessons Learned That everything is going to fast for me

Sunday Prep Work Meet with study group to check what to study for Sunday