omerjava commented 2 years ago

Learning Objectives

[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
[x] 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
🐥 Consuming API
- [x] 🐥 fetch and use API data in components
- [ ] async useEffect callbacks
[ ] 🐔react router
🐔Global State
- [ ] useContext
- [ ] other state management systems/strategies

omerjava commented 2 years ago

Week 1

I studied React a few weeks ago from YouTube videos. Last class became nice review for me.

With learning React, I understand better the concepts of single page application, components and rendering in Vanilla.js.

omerjava commented 2 years ago

I learned how to deploy React projects to GitHub pages. It was a good development! Without seeing visual output, GitHub is boring!