Optimize the Vocabulary Chapter Component

[Nickthecan]

Problem

I'm getting to a point where React is slowing down because of all the cards it needs to populate.

Solution

I will need to change how the Vocabulary Chapter Component will function

In Vocabulary.jsx

• Get rid of axios get request for load_vocabulary_words
• We will have all the population happen inside the VocabularyChapter.jsx file
• Create a new request in the Backend for get_vocabulary_words_by_chapter
  • Unsure if that will be bad because there are more API calls means slower load.
  • Actually make them all dropdowns so they won't load until you make them click on it ?
  • Will adding, editing, or deleting cards be harder since they're not all in the same file ?