Hi, everyone
I just finished the Flashcards project and I’m sharing the code here for review and some feedback.
One thing that got me was that, by the end of the project, the counter showing the number of quizzes related to a topic was not working (none of the tasks instructed that ). I wrote the code to dispatch the “addQuizId” action with the same submit handler used to dispatch the “addQuiz” action.
By the way, I declared “addQuizId” in the reducers attribute object, not in the extraReducers attribute object that was mentioned in the task. I got confused because it keep giving an error message so I move it to the reducers object and it worked.
Maybe it was not a clean solution. Let me know what you think.
Thanks to all!
Was stressful a little and needed slight help from the solution code but then finally completed and took away some things to learn. Also, I added a condition where if the card’s front or back is empty then it will not add the card.
I found redux devtools to be really helpful.
Interesting that you are using “vercel” for deployment. Do you think it’s better that “netlify”? Can you say the difference? I checked my code with solution code as well, because I still didn’t understand it completely and had some issues
Oh yes there was a reason I used vercel. For some reason netlify’s bot flagging system didn’t give me to create an account thinking that I’m some fraud. So that’s why I chose vercel. I found it to be really easy with deployment. But if netlify is working for you, go ahead with that. I chose vercel cause I had issues with netlify.
Also just to get a good learn about redux I’d recommend watching a tutorial on it by Dave gray on YouTube, I found his tutorial to be really easy and understandable. Here’s the link https://youtu.be/NqzdVN2tyvQ?si=1Kl0H0_7M92pS60A
I agree that it was helpful to practice what we had been learning. On the contrary, the Jamming project felt much too difficult and needed too much knowledge that had not yet been practiced at that point. The forums posts for that project echo my thoughts!
I usually share on forums when I feel really good about a project but this time I am posting while I know there are issues because I think it would be valuable to arrange a code review with someone.
I am in London, UK BST. I am around tomorrow during the day & then after half term so from 4th June.
I will compare with the solution now to help debug some of the issues. Basically the topic says 0 quizzes when I’ve assigned the topic to some quizzes. As others have said here there are a couple of tasks (12 & 16) that I got stuck on where it says to test on the site that the item appears but it only really appears properly when you use the selector in the following task. Feel free to look at my linked code. If I get it to work better from the solution or testing & debugging then I will commit but you can view the previous commit to see it at the current as of writing state.
I felt very confused after the last Redux lesson and the News Reader project, so it took me a a few hours to do complete this one as I really didn’t want to rush it, and in the end it helped me so much to solidify the various Redux modules (minus the async things)
If you’re in a similar situation (feeling very confused), I suggest checking your code against the solution after completing each task, as opposed to only checking it at the end. That way you can really follow along each step without additional uncertainty.
Doing this really helped me clear up my confusion, so as long as you really take your time to complete the task on your own (using resources etc) before checking the solution, I think it’ll really help solidify the topics in the Redux module!
Exact same thing happened to me! Spent like 30 mins trying to figure out why my quiz wasn’t loading and it’s because you need to select it in the next step!
This project has been one of my favorites. Learning Redux has been incredibly rewarding, especially with the concepts of the store and state management. However, I still need to solidify my understanding of middleware, and I wish I had spent more time diving deeper into React Router.
In this project, I decided to add features like filtering by topic and the ability to delete quizzes and topics. I also implemented localStorage to persist changes across sessions and added a reset button to return the app to its default state. To enhance the user experience, I incorporated the SweetAlert2 library to display various alerts in the forms. I hope you enjoy exploring this project, and I would greatly appreciate your feedback and support.
P.S. Does anyone have the recipe exercise along with the middleware exercises (createAsyncThunk) from Redux on GitHub? I would love to clone it for further study. Thanks in advance!
). I wrote the code to dispatch the “addQuizId” action with the same submit handler used to dispatch the “addQuiz” action.
