How to navigate larger code bases

  Рет қаралды 9,367

Web Dev Cody

Web Dev Cody

28 күн бұрын

Become a YT Members to get extra perks!
www.youtube.com/@webdevcody/join
My Products
🏗️ WDC StarterKit: wdcstarterkit.com
📖 ProjectPlannerAI: projectplannerai.com
🤖 IconGeneratorAI: icongeneratorai.com
Useful Links
💬 Discord: / discord
🔔 Newsletter: newsletter.webdevcody.com/
📁 GitHub: github.com/webdevcody
📺 Twitch: / webdevcody
🤖 Website: webdevcody.com
🐦 Twitter: / webdevcody

Пікірлер: 55
@willmakk
@willmakk 27 күн бұрын
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.
@kyrregjerstad
@kyrregjerstad 25 күн бұрын
Wish I would have known this when starting my first junior role, would have made my life so much easier!
@HHJoshHH
@HHJoshHH 27 күн бұрын
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.
@vinialves12362
@vinialves12362 27 күн бұрын
Findind the entrypoint and fuzzy search is the exact workflow I use and teach my pairs. Good video
@joshuwa3953
@joshuwa3953 26 күн бұрын
Thanks for teaching real world applications for devs
@shahzaibshahzaibkhan6480
@shahzaibshahzaibkhan6480 27 күн бұрын
Awesome, didn't know about the CMD+W one
@insanityrodax8621
@insanityrodax8621 24 күн бұрын
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)
@Sky-yy
@Sky-yy 27 күн бұрын
Wow , really awesome one .
@dailynews7822
@dailynews7822 27 күн бұрын
Nice work
@xmaxfuture
@xmaxfuture 26 күн бұрын
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).
@danielcraciun456
@danielcraciun456 24 күн бұрын
Great tips! A video on monorepos with Next.js would also be amazing.
@SeibertSwirl
@SeibertSwirl 27 күн бұрын
I love you! You’re doing great 😘
@alonsoalarconaguilar7113
@alonsoalarconaguilar7113 28 күн бұрын
great tips!, i didnt know the hashtag one
@ev3rybodygets177
@ev3rybodygets177 25 күн бұрын
quit using vs code and start using your terminal. was the best advice i ever got on this topic.
@imransefat8770
@imransefat8770 27 күн бұрын
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.
@holypowerenjoyer6059
@holypowerenjoyer6059 27 күн бұрын
It'd be cool if you had that thing that displays your keystrokes on the screen
@HorizonHuntxr
@HorizonHuntxr 26 күн бұрын
You can enable it directly from vs code too
@dailynews7822
@dailynews7822 27 күн бұрын
How to check erro on deloy NextJs App ? Thank you
@raygrant9673
@raygrant9673 26 күн бұрын
What keyboard do you use?
@JerrenT
@JerrenT 26 күн бұрын
typo in alt tag of Image component in users/[userId]/posts/page.tsx - 'gruops' -> 'groups'
@SonAyoD
@SonAyoD 26 күн бұрын
Nice!
@zilaidawwab4252
@zilaidawwab4252 26 күн бұрын
What's the name of the VS Code theme?
@martiananomaly
@martiananomaly 27 күн бұрын
Locatorjs was one sick tool for blazing fast UI to code navigation which unfortunately doesn't work with the latest NextJS
@dailynews7822
@dailynews7822 27 күн бұрын
Can you make grid layout on posts .
@Goyo_MGC
@Goyo_MGC 26 күн бұрын
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
@WebDevCody
@WebDevCody 26 күн бұрын
Yeah I’ve never used i18n before. I’ve only worked on domestic apps in the us
@domson_0478
@domson_0478 27 күн бұрын
@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?
@WebDevCody
@WebDevCody 27 күн бұрын
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
@48_subhambanerjee22
@48_subhambanerjee22 26 күн бұрын
As a newbie who will be entering in this IT sector.. this is what i will do 😢😢😢😢
@williamx0
@williamx0 26 күн бұрын
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?
@WebDevCody
@WebDevCody 26 күн бұрын
I'm using auto incrementing database ids which are integers
@williamx0
@williamx0 26 күн бұрын
@@WebDevCody I see. Thanks man
@ivangechev4243
@ivangechev4243 26 күн бұрын
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.
@ZiaCodes
@ZiaCodes 27 күн бұрын
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?
@WebDevCody
@WebDevCody 27 күн бұрын
Lucia has a built in method to do it if I recall correctly
@ZiaCodes
@ZiaCodes 26 күн бұрын
@@WebDevCody Yeah, I saw it... I kinda like Lucia compare to Next-Auth... It gives much more flexibility.
@alecdorasandler6690
@alecdorasandler6690 27 күн бұрын
Which vs code theme _were_ you using?
@iamsomraj
@iamsomraj 27 күн бұрын
Does anyone know?
@bandekhoda7801
@bandekhoda7801 26 күн бұрын
Bearded theme stained blue, I've been using it since I remember lol
@alecdorasandler6690
@alecdorasandler6690 25 күн бұрын
@@bandekhoda7801 I want to kiss you bro. Thanks a lot!!
@zilaidawwab4252
@zilaidawwab4252 25 күн бұрын
@@bandekhoda7801 That's not what is used in the video. Do you know the exact name of which one he's using?
@bandekhoda7801
@bandekhoda7801 25 күн бұрын
@@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
@sk4yb3n
@sk4yb3n 22 күн бұрын
Which keyboard are you using?
@WebDevCody
@WebDevCody 22 күн бұрын
Klack app
@jazzdestructor
@jazzdestructor 26 күн бұрын
Worst case if everything fails (in react) then search component in the router file.
@3litepker
@3litepker 26 күн бұрын
Really thought this would be common sense for anyone that is anything above a beginner level
@WebDevCody
@WebDevCody 26 күн бұрын
sure, but beginners watch my content
@3litepker
@3litepker 26 күн бұрын
@@WebDevCody did you assume my level? Triggered mate
@codinginflow
@codinginflow 25 күн бұрын
yolo
@matteokinkela
@matteokinkela 27 күн бұрын
I gotta remember shift+fn+option+F12 somehow
@shaked1233
@shaked1233 26 күн бұрын
Now convert this video to vim
@killbit01
@killbit01 26 күн бұрын
#algorhitm
@danielmajer1648
@danielmajer1648 27 күн бұрын
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
How I structure my next.js applications
23:19
Web Dev Cody
Рет қаралды 24 М.
The most important function to write performant next.js apps
5:36
Web Dev Cody
Рет қаралды 16 М.
Как бесплатно замутить iphone 15 pro max
00:59
ЖЕЛЕЗНЫЙ КОРОЛЬ
Рет қаралды 8 МЛН
Clowns abuse children#Short #Officer Rabbit #angel
00:51
兔子警官
Рет қаралды 79 МЛН
Little girl's dream of a giant teddy bear is about to come true #shorts
00:32
Agile doesn't suck, you're just bad at it
19:26
Web Dev Cody
Рет қаралды 8 М.
Every Framework Sucks Now
24:11
Theo - t3․gg
Рет қаралды 124 М.
Turborepo 2.0 - New UI + Watch Mode?!
6:09
Anthony Shew
Рет қаралды 7 М.
How To Code in A Large Codebase
15:37
PedroTech
Рет қаралды 8 М.
the most important Next.js features to learn (in 8 minutes)
8:26
Web Dev Cody
Рет қаралды 33 М.
Vital Tips for Learning A New Codebase Quickly For Faster Productivity
9:56
Beachcasts Programming Videos
Рет қаралды 13 М.
The Most Underrated State Management Tool in React
23:35
Cosden Solutions
Рет қаралды 15 М.
The Right Way To Build REST APIs
10:07
Awesome
Рет қаралды 81 М.
Only The Best Developers Understand How This Works
18:32
Web Dev Simplified
Рет қаралды 91 М.
Next 14 + React Query COMBO with Server Actions and RSC
9:49
developedbyed
Рет қаралды 96 М.
Как бесплатно замутить iphone 15 pro max
00:59
ЖЕЛЕЗНЫЙ КОРОЛЬ
Рет қаралды 8 МЛН