Advanced React

From Meta on Coursera

The final project requires you to complete a portfolio in React. You will be provided with code snippets, and your task is to use these, plus any of your own code to complete your developers' portfolio.

This is a creative project, and the goal is to use as many React concepts as possible within this portfolio. You can use component composition, code reusability, hooks, manage state, interact with an external API, create forms, lists and so on.

Done: please review the Commits following the Instructions.

Course Overview

Overview of components

• How to transform and rendered list components
• Differences between controlled and uncontrolled components
• Props and state and how they relate to context
• How re-rendering works with context

Common hooks and how to build custom hooks

• Manage state within a component
• Side effects and they useEffect hook
• Rules of hooks and fetching data with hooks
• How to fetch data using hooks
• Use reducer hook and how it differs from useState
• How to access the underlying DOM with useRef

Deep dive into JSX, components and elements

• Component composition with its two key features, containment and specialization
• How to dynamically manipulate children in JSX
• Spread attributes in JSX
• Reusing behavior, cross-cutting concerns
• Higher-order components and how they're used to great effect
• A specific HOC called Render props
• Jest and the React testing library