Web Developer โ€ข ๐Ÿš€ Creator of https://xitter.cf/t.co/ksVm1jofjS โ€ข Tweets about my dev journey

Joined March 2018
๐Ÿš€ New Course Launch! AWS CDK v2 with TypeScript Learn to define & deploy AWS infrastructure in code. Hands-on projects: S3, Lambda, API Gateway, DynamoDB, SQS, Cognito & more. Enroll now & build like a pro! udemy.com/course/aws-cdk-v2-โ€ฆ #AWS #CDK #TypeScript #CloudComputing
7
1
1
21
1,507
๐Ÿšจ New Course Alert! ๐Ÿšจ Practical Git and GitHub: From Basics to Pro Workflows โœ… Real-world Git commands โœ… VSCode + Terminal workflows โœ… Interactive rebase, cherry-pick & more ๐ŸŽฏ udemy.com/course/practical-gโ€ฆ ๐ŸŽŸ Code: GIT-GITHUB-COURSE โณ Offer ends June 11, 2025
7
2
24
1,450
๐Ÿšจ New Course Alert! ๐Ÿšจ Practical Git and GitHub: From Basics to Pro Workflows โœ… Hands-on Git commands โœ… Real-world workflows (merge, rebase, cherry-pick) โœ… Terminal + VSCode examples Perfect for devs who want to master Git without the fluff.
4
4
1
43
2,071
The more time I spend in production code, the more I realize how out of touch many YouTube coding influencers are. Their takes on โ€œclean code,โ€ โ€œbest practices,โ€ and what it means to be a senior dev often crumble in the face of real-world constraints, and legacy systems ๐Ÿ˜‚
5
2
40
1,888
๐Ÿš€ New Course Alert! Master Jest Testing with TypeScript & Node.js Learn how to write clean, reliable tests with real-world examples. Unit tests, mocks, spies, error handling & more! ๐ŸŽฏ Enroll now โ†’ udemy.com/course/mastering-jโ€ฆ
2
1
23
1,197
Just installed webpack-bundle-analyzer โ€” love the ๐Ÿ”ฅ graphical breakdown of my bundle! Makes spotting bloat so much easier ๐Ÿ“Š๐Ÿ•ต๏ธโ€โ™‚๏ธ Not using Webpack? Check out source-map-explorer or vite-plugin-visualizer ๐Ÿ’ก #webpack #webperf #javascript
1
11
811
Spicy take ๐ŸŒถ๏ธ: For all the talk about TypeScript "overcomplicating" things, itโ€™s actually saving your team from chaos ๐Ÿ˜…
1
1
21
976
๐Ÿ” Want to see where a dependency is used in your project? Run this command: ๐Ÿ‘‰ npm ls package-name It shows the full dependency tree ๐ŸŒณ Super useful for tracking down nested dependencies ๐Ÿ•ต๏ธโ€โ™‚๏ธ #npm #javascript #nodejs #webdev
1
2
13
816
Hot take ๐Ÿ”ฅ : in production, SourceTree โฉ Git CLI. Look, I โค๏ธ terminal too, but when itโ€™s time to rebase, merge, and cherry-pick in prod - most times clicking ๐Ÿ–ฑ๏ธ is faster than rewriting the same conflict 3 timesโ€”or summoning the Git gods with a ritual sacrifice. ๐Ÿ”ฅ
13
780
Using a this hack in tests: ๐Ÿ” const resetSingleton = () => (HashingService as any).instance = undefined; ๐Ÿ”ง Calling this in beforeEach() to reset singleton state. ๐Ÿ•ต๏ธโ€โ™‚๏ธ In general, (SomeClass as any) helps "cheat" TypeScript when tests need to bypass strict typing. #TypeScript#Jest
9
694
Spent an hour debugging a mysterious TypeScript error ๐Ÿ˜ตโ€๐Ÿ’ซ Turns out... .webpackCache was the culprit ๐Ÿงจ Deleted it, and everything worked like magic โœจ #webpack #devlife #typescript ๐Ÿ› ๏ธ
20
912
๐Ÿง  TypeScript fun fact! ๐Ÿง  The declare keyword only provides type information but NO runtime values! declare enum Colors { RED, BLUE } console.log(Colors.RED) // ๐Ÿ’ฅ Crash! Remove declare if you need actual values at runtime ๐Ÿ˜€
1
5
644
๐Ÿ” Dev Tip: Lookup Tables FTW! ๐Ÿ“š Ditch long if/switch statementsโ€”use object mapping instead! ๐Ÿš€ Examples: โœ… Convert status codes to messages โœ… Map country codes to names โœ… Translate enums ๐Ÿ’ก const result = lookupTable[input] || defaultValue; Fast, and easy to maintain! โšก
2
6
30
1,623
๐Ÿš€ Generate minimal .d.ts files with dts-bundle-generator ๐Ÿ“ฆ npm install --save-dev dts-bundle-generator ๐Ÿ“‚ mkdir -p types (if missing) โšก npx dts-bundle-generator -o types/utils.d.ts src/utils.ts ๐Ÿ” Extracts only needed types & dependencies!
21
904
๐Ÿงช Jest Mocking Gotcha! ๐Ÿ”ฅ Issue: ๐Ÿ‘‰ jest.mock('./myModule'); ๐Ÿšจ Returns undefined for EVERYTHING! ๐Ÿซฅ โšก Your code: ๐Ÿ‘‰ myModule.doStuff() ๐Ÿ’ฅ Cannot read property 'doStuff' of undefined ๐Ÿ›  Fix: jest.mock('./myModule', () => ({ doStuff: jest.fn() })); #JavaScript #Testing #Jest
1
1
11
690
๐Ÿ” Git tip: Deleted files not showing up in staging? git add -A The -A flag is your friend! It stages ALL changes: โ€ข New files โœจ โ€ข Modified files ๐Ÿ“ โ€ข Deleted files ๐Ÿ—‘๏ธ โ€ข Renamed files ๐Ÿ”„ No more ghost files in your staging area! ๐ŸŽฏ #Git #DevTips #CodingTips
13
622
๐Ÿงช Jest Testing Tip: Run single test file: ๐Ÿ‘‰ "npm test -- yourFileName.spec.ts" OR directly with Jest: ๐Ÿ‘‰ "jest -- yourFileName.spec.ts" Pro tip: Arrow โฌ†๏ธ key is your friend for finding recent commands! No config changes needed ๐Ÿš€ #JavaScript #Testing
14
732
๐Ÿ”ง NVM #DevTip: VS Code terminal showing a different Node version than your system terminal? Add this to your .zshrc: ๐Ÿ‘‰ "nvm use default" ๐ŸŽฏ Boom! Now both terminals stay in sync with your default Node version. No more version mismatches!
1
26
931
Need to search only in a specific folder in VS Code? - Press `Ctrl + Shift + F` (`Cmd + Shift + F` on Mac) - In **'files to include'**, type `src/components/**` - To exclude folders, use **'files to exclude'**, e.g., `node_modules/**` - Get focused search results! ๐Ÿš€
1
4
34
1,251