Topics covered on Monday. Use resources to solidify your understanding:
- Components [2]
- Props [2]
- State [3]
- Fetching data with an HTTP client [4]
- Mapping over an array of values to JSX [1]
- Virtual DOM [5]
Topics for Tuesday:
- Deploy a webapp
- Fetching from the client inside a React app
- Client-side routing [6,7]
- Component lifecycle [3]
- Container components [8]
Resources:
- [1] JSX: https://reactjs.org/docs/introducing-jsx.html
- [2] Components and props: https://reactjs.org/docs/components-and-props.html
- [3] State and lifecycle: https://reactjs.org/docs/state-and-lifecycle.html
- [4] Fetching data from the server: https://developer.mozilla.org/en-US/docs/Learn/JavaScript/Client-side_web_APIs/Fetching_data Read up to "A more complex example". This is similar to, but more in-depth than the data fetching you covered last week.
- [5] Virtual DOM: https://reactjs.org/docs/faq-internals.html#what-is-the-virtual-dom Only focus on the text under the heading "What is the Virtual DOM?". Ignore the term "fiber".
- [6] Angular client-side routing: https://www.youtube.com/watch?v=ofCoqejWohA Ignore the fact he's talking about Angular. All the concepts still applies.
- [7] React Router: https://www.youtube.com/watch?v=cKnc8gXn80Q The word "Gists" that the speaker mentions are just snippets of texts hosted on GitHub. The Gists API is used as an example.
- [8] Container components: https://medium.com/@learnreact/container-components-c0e67432e005