In this video, Emmanuel Henri provides a solution for the challenge given related to adding the remaining context into the base project.
(upbeat music) … - Alright so now let's take a look at the solution. … So, if you've done this properly, … this is what it should look like. … At least, not the same articles, … but at least the way it looks. … So one after the other. … Again, this is not a course on CSS style … so it doesn't really matter if this is too big, … or so on so forth, … but I just wanted you to pass a value … to the consumer and leverage the consumer … to make the styles at least look better than it was before. … So if you want to really take a look how it works … Flexbox actually shrinks our cards here … as we move our browser. … Alright, so let's close this, … or minimize this, … and let's take a look at the solution … and what you had to add inside of that particular component. … So again, let's just go back to App.js. … We had some styles here that we created. … We created a Provider at the top here, … second Provider, … so Theme, and the ThemeConsumer, … and then we wrapped our news here, or news component …
- Creating a context object
- Implementing the code for updating context
- Updating context from a nested component
- What to avoid when working with context
- How the node tree in React applies to context
- Consuming multiple contexts