Currently i`m doing the app with redux toolkit and I`m learning so much from you refactoring the code. I have the same problem where I should keep some states al local level and not add them to Redux. Thank you for that video!
I'm still at the beginning, this is a fantastic app. Yes, it is a bit rough in terms of styling and ux but the overall concept shines through. Great job to the programmer who built this!
How cache was disbled which caused the browser to keep refetching the assets. If you don't disable cache when developing then you get the opposite problem of the browser show you responses that it cached earlier.
When I rename properties in VS Code, I like to do so using the "F2" function. This allows me to rename all references at once without hunting for each one individually
@@WebDevCody yep! It will dive into the tree and hit all of the files. Sometimes it misses but that is very rare. I use typescript for my projects and I am not sure if it works any differently on a vanilla js project. You can use this to rename almost anything
@@WebDevCody what do mean by thought the entire project. Do mean like say you exported a react component and used it in the files as import and so on then you decide to rename the component definition. Yes vscode will rename all the references. Note: only the reference. It works for function names and variables and class references. If you want to replace the same word across files in a project that are not actually references then you could use the global find and replace. Use it carefully and cautiously. Cos you can easily break code by changing something you might have not remembered to account for.
@@elmalleable yes I mean if I have one file that exports CONFIG and I have 100 other files importing CONFIG, I want to rename config to something else, will it update all 100 files. I don’t think it does which makes the shortcut a bit useless imo. It’s ok for renaming the variable in a single file, but it also will add aliases to your imports and exports which isn’t desirable.
@@WebDevCody in that case since you can use search and replace in the project ctrl+shift+h. And then provide a string to find Provide the replacement string Optionally; specify the folders to be included for the operation
i think your point about the lazy loading of fonts is wrong because you have disabled cache in your browser console. Note that disabling cache in browser console only works while the console is open. Learnt that the hard way after long debugging sessions to figure out why my code changes were not showing up sometimes and showing up sometimes. Turn of cache then visit the routes and you should see the fonts and assets pulled from cache
Yeah I think I’m wrong as well, I put a little red message saying this isn’t true when browser cache is off. We got a true fan you’ve watched to the end basically lol
you run into same problem i am having with naming functions and variables. my issue stems from what the function or variable is versus what is does I would have left the handler because there it is not a bad name neither is it the greatest name. use F2 to rename variables in vs code. It will rename the related references automatically
Handler should only be used for functions that are called when clicking buttons or other dom events. The functions returned from custom hooks probably shouldn’t have the word handler or handle imo. They should be specifically named functions that do a single action against your application. If I have a button called Add Recipe, I’d probably have it call a function called handleAddRecipe, but I didn’t really do it in this video for some reason. I just had the clicks invoke the custom hook functions directly since it was a pass through function
The slider at the top could have an arrow or fade it out towards either sides so it creates a visual cue. anything else he or she could check wai-aria docs on some better practices
Currently i`m doing the app with redux toolkit and I`m learning so much from you refactoring the code. I have the same problem where I should keep some states al local level and not add them to Redux. Thank you for that video!
I'm still at the beginning, this is a fantastic app. Yes, it is a bit rough in terms of styling and ux but the overall concept shines through. Great job to the programmer who built this!
Good job babe!!
It was a great insight.
Also didn't know lazy loading might cause unwanted problems
How cache was disbled which caused the browser to keep refetching the assets. If you don't disable cache when developing then you get the opposite problem of the browser show you responses that it cached earlier.
When I rename properties in VS Code, I like to do so using the "F2" function. This allows me to rename all references at once without hunting for each one individually
Throughout the entire project?
@@WebDevCody yep! It will dive into the tree and hit all of the files. Sometimes it misses but that is very rare. I use typescript for my projects and I am not sure if it works any differently on a vanilla js project.
You can use this to rename almost anything
@@WebDevCody what do mean by thought the entire project. Do mean like say you exported a react component and used it in the files as import and so on then you decide to rename the component definition. Yes vscode will rename all the references. Note: only the reference. It works for function names and variables and class references.
If you want to replace the same word across files in a project that are not actually references then you could use the global find and replace.
Use it carefully and cautiously. Cos you can easily break code by changing something you might have not remembered to account for.
@@elmalleable yes I mean if I have one file that exports CONFIG and I have 100 other files importing CONFIG, I want to rename config to something else, will it update all 100 files. I don’t think it does which makes the shortcut a bit useless imo. It’s ok for renaming the variable in a single file, but it also will add aliases to your imports and exports which isn’t desirable.
@@WebDevCody in that case since you can use search and replace in the project ctrl+shift+h.
And then provide a string to find
Provide the replacement string
Optionally; specify the folders to be included for the operation
i think your point about the lazy loading of fonts is wrong because you have disabled cache in your browser console.
Note that disabling cache in browser console only works while the console is open.
Learnt that the hard way after long debugging sessions to figure out why my code changes were not showing up sometimes and showing up sometimes.
Turn of cache then visit the routes and you should see the fonts and assets pulled from cache
Yeah I think I’m wrong as well, I put a little red message saying this isn’t true when browser cache is off. We got a true fan you’ve watched to the end basically lol
@@WebDevCody well i was stuck on a bug here so it was a good distraction. I've watched you since css battles
you run into same problem i am having with naming functions and variables.
my issue stems from what the function or variable is versus what is does
I would have left the handler because there it is not a bad name neither is it the greatest name.
use F2 to rename variables in vs code. It will rename the related references automatically
Handler should only be used for functions that are called when clicking buttons or other dom events. The functions returned from custom hooks probably shouldn’t have the word handler or handle imo. They should be specifically named functions that do a single action against your application. If I have a button called Add Recipe, I’d probably have it call a function called handleAddRecipe, but I didn’t really do it in this video for some reason. I just had the clicks invoke the custom hook functions directly since it was a pass through function
could you please share github repo link of code you are working in this tutorial.
Actually "authorisation", according to dictionary, is fine in British English
Nice thanks for that info
Much love
The slider at the top could have an arrow or fade it out towards either sides so it creates a visual cue. anything else he or she could check wai-aria docs on some better practices
Yeah I think also change the cursor to a horizontal double arrow might help as well
What microphone is that?
Mxl 990
In The setup im from Holland
Can I get this code ?
Join my discord and ping MUSHROOM
@@WebDevCody hi , I want to build an app like this if you'll be so kind to help me with the source code for this project. Thank you