How to navigate larger code bases
ฝัง
- เผยแพร่เมื่อ 11 ก.ย. 2024
- Become a YT Members to get extra perks!
www.youtube.co...
My Products
🏗️ WDC StarterKit: wdcstarterkit.com
📖 ProjectPlannerAI: projectplanner...
🤖 IconGeneratorAI: icongeneratora...
Useful Links
💬 Discord: / discord
🔔 Newsletter: newsletter.web...
📁 GitHub: github.com/web...
📺 Twitch: / webdevcody
🤖 Website: webdevcody.com
🐦 Twitter: / webdevcody
These bits of knowledge are so valuable you have no idea, real world stuff straight from an experienced dev. If you ever group all this in some way you could become a reference.
I know it's somewhat basic but I learn from everyone so this was awesome! Plus your production quality is always A+. Good vid Cody.
Wish I would have known this when starting my first junior role, would have made my life so much easier!
Findind the entrypoint and fuzzy search is the exact workflow I use and teach my pairs. Good video
1. Command Click: Quickly jump to the definition of a function or component by holding the Command key and clicking on it.
2. Command W: Close the current tab in your editor, allowing you to navigate back up the call stack.
3. Command Shift F: Search for text across the entire codebase. Useful for finding where a specific component or text is used.
4. Command P: Open the file palette in VS Code, allowing you to quickly jump to a file by typing its name.
5. Command P + # (hashtag): Search for a symbol in the codebase, such as a function or variable name.
6. Shift + FN + Option + F12: Find all references to a function or variable, showing every place in the code where it is used.
7. Command Shift Click: Open the closest component in VS Code editor (if supported by extensions).
Great tips! A video on monorepos with Next.js would also be amazing.
When you add internationalization, you will resort to all the techniques mentioned React Component Extension + Text Search + URL.
For me, in a real complex code, React Component Extension seems to work most of the time along with file search (when I get used to the code)
Thanks for teaching real world applications for devs
It'd be cool if you had that thing that displays your keystrokes on the screen
You can enable it directly from vs code too
I know your content is English centered but i don't think i ever heard you talk about internalization tools with nextjs. I've used next-intl and pretty happy about it. Would love to hear from you on how you would implement those type of tools. Great content as always that touch on subjects that really matter in professional environment
Yeah I’ve never used i18n before. I’ve only worked on domestic apps in the us
Locatorjs was one sick tool for blazing fast UI to code navigation which unfortunately doesn't work with the latest NextJS
Awesome, didn't know about the CMD+W one
As a newbie who will be entering in this IT sector.. this is what i will do 😢😢😢😢
quit using vs code and start using your terminal. was the best advice i ever got on this topic.
I love you! You’re doing great 😘
Idk if I should ask here, but this is somewhat related as I do the scenario, the codebase expands. If you could create another video to solve this would be great.
So, what's th best use case of a CRUD application where I'm using trpc with t3-stack and using react form hook for the form validation. I feel like using react form hook with trpc slows down my development time.
typo in alt tag of Image component in users/[userId]/posts/page.tsx - 'gruops' -> 'groups'
I use Cntrl + Shift + P to find the file I want and when I have a lot of opened tabs with files in my VS Code I found out if you hover over them you can use the scroll to easy find what you need.
great tips!, i didnt know the hashtag one
Wow , really awesome one .
Thanks for this. Helpful for people like me. I was curious, how is the id after groups so short? It says groups/5. Typically I'm using a ulid() and the url gets really long. Any info on what id you're using to make your urls so short?
I'm using auto incrementing database ids which are integers
@@WebDevCody I see. Thanks man
What's the name of the VS Code theme?
How did you implement logout from all devices? That's interesting to acheive with Lucia auth andddd database sessions I believe? Could you also make a video about thaT?
Lucia has a built in method to do it if I recall correctly
@@WebDevCody Yeah, I saw it... I kinda like Lucia compare to Next-Auth... It gives much more flexibility.
@Web Dev Cody
How do you manage your db selects? I mean when you do select query (probably) by default you take all data related with some record(s). So probably you also take data that you don't need in some usecase. Do you ignore that additional data received from db? What's your point?
I ask bc if I do lib functions for db related stuff, sometimes I need one portion of data, but in the orther case another one. But I take all (*) so I waste my transfer.
How do you do that?
if you want to minimize load times, you should only send back the minimum data needed to show in the UI, but often the extra work to achieve that makes the code a bit more messy
What keyboard do you use?
Nice work
Worst case if everything fails (in react) then search component in the router file.
Which vs code theme _were_ you using?
Does anyone know?
Bearded theme stained blue, I've been using it since I remember lol
@@bandekhoda7801 I want to kiss you bro. Thanks a lot!!
@@bandekhoda7801 That's not what is used in the video. Do you know the exact name of which one he's using?
@@zilaidawwab4252 he previously mentioned that the creator of the Bearded Theme himself is developing this current theme, but it's not publicly available yet. Not sure if it's still the case
Nice!
yolo
Can you make grid layout on posts .
Really thought this would be common sense for anyone that is anything above a beginner level
sure, but beginners watch my content
@@WebDevCody did you assume my level? Triggered mate
How to check erro on deloy NextJs App ? Thank you
I gotta remember shift+fn+option+F12 somehow
Now convert this video to vim
Php code igniter app deployed on a VM running on an old basement machine of the office, no docker, no readme about reproducibility, nothing. Commands like "find" and "grep" are your friends in those times. Well, also th exit door is friendly, to leave that sht hole
#algorhitm
Which keyboard are you using?
Klack app