Skip to content
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
7 changes: 0 additions & 7 deletions react/states_and_effects/how_to_deal_with_side_effects.md
Original file line number Diff line number Diff line change
Expand Up @@ -240,10 +240,3 @@ The following questions are an opportunity to reflect on key topics in this less
- [What constitutes a `useEffect` hook?](#body-of-an-useEffect)
- [What is the one question we can ask to know when to use an effect?](#but-do-we-need-the-effect)
- [What do we mean by lifting up the state?](#lifting-the-state)

### Additional resources

This section contains helpful links to related content. It isn't required, so consider it supplemental.

- This article from Epic React goes over [some common mistakes while using effects](https://epicreact.dev/myths-about-useeffect).
- This article, again from Epic React, goes into [how dependency arrays are supposed to be used](https://epicreact.dev/why-you-shouldnt-put-refs-in-a-dependency-array).
8 changes: 1 addition & 7 deletions react/states_and_effects/introduction_to_state.md
Original file line number Diff line number Diff line change
Expand Up @@ -81,7 +81,7 @@ Hooks are functions that let you use React features. All hooks are recognizable
1. Read the following articles from the React docs:
1. [State: A Component's Memory](https://react.dev/learn/state-a-components-memory)
1. [Render and Commit](https://react.dev/learn/render-and-commit)
1. Read this [article on React Reconciliation Algorithm](https://medium.com/javarevisited/react-reconciliation-algorithm-86e3e22c1b40) for a great explanation.
1. Read this [article on React Reconciliation Algorithm](https://www.geeksforgeeks.org/reactjs-reconciliation/) for a great explanation.
1. Head back to the color changing background example from earlier in the lesson, and add a new state variable to keep track of the number of times the background color has been changed. Display the number of times the background color has been changed on the page. You will need to fork the codesandbox to do this, which requires a codesandbox account. Click "Open Editor" in the top right of the codesandbox embed, then "Fork" in the top right of the editor.

</div>
Expand All @@ -94,9 +94,3 @@ The following questions are an opportunity to reflect on key topics in this less
- [What is the `useState` hook and how would you use it?](#useState-hook)
- [What happens to a component when one of its states is changed?](#how-does-state-work-in-react)
- [What are some of the rules of hooks?](#hooks)

### Additional resources

This section contains helpful links to related content. It isn't required, so consider it supplemental.

- You can go through the [GeeksforGeeks article on reconciliation](https://www.geeksforgeeks.org/reactjs-reconciliation/) for an in-depth look into the algorithm.
6 changes: 0 additions & 6 deletions react/states_and_effects/more_on_state.md
Original file line number Diff line number Diff line change
Expand Up @@ -205,9 +205,3 @@ The following questions are an opportunity to reflect on key topics in this less
- [What's the difference between passing a value vs a callback to the `setState` function?](#state-updater-functions)
- [Why should we always provide a new Object to `setState`?](#objects-and-arrays-in-state)
- [Why would you want to control a component?](#controlled-components)

### Additional resources

This section contains helpful links to related content. It isn't required, so consider it supplemental.

- We intentionally skipped some of the articles pertaining to state from the React documentation. We are confident that the concepts covered thus far will equip you with enough knowledge to tackle the projects to come in the course. Though if you want to delve into the topic further, you can read all of the articles in the [Adding Interactivity](https://react.dev/learn/adding-interactivity) and the [Managing State](https://react.dev/learn/managing-state) section.
Loading