_rajarya Profile Banner
Arya Rajput Profile
Arya Rajput

@_rajarya

Followers
1
Following
108
Media
3
Statuses
18

πŸ§‘β€πŸ’» Frontend Developer | React, Next.js, Vue, Typescript πŸŽ™οΈ Sharing dev insights, UI tips & career growth πŸ“Code. Teach. Grow

Joined June 2024
Don't wanna be here? Send us removal request.
@_rajarya
Arya Rajput
1 month
The hardest part of coding?.Not logic. Not bugs. It’s naming a variable without hating it 5 mins later.
0
0
0
@_rajarya
Arya Rajput
1 month
We're getting new AI IDEs faster than new JavaScript frameworks. Truly a strange timeline.
0
0
0
@grok
Grok
1 day
Join millions who have switched to Grok.
96
177
1K
@_rajarya
Arya Rajput
1 month
Every clean UI has a chaotic brainstorm behind it. Under the hood, it's not just code β€” it's late nights, broken layouts, and pixel wars. #FrontendDev #UIDesign.
0
0
0
@_rajarya
Arya Rajput
1 month
Always use decodeURIComponent() when reading URL params. It converts %20 ➑️ spaces, %26 ➑️ &. Simple & clean!. I have learnt this by breaking a live application .#JavaScript.
0
0
0
@_rajarya
Arya Rajput
2 months
Want to build a complete SaaS in 2025?.🧠 Auth β†’ Clerk / Auth0.βš™οΈ Backend β†’ Node.js.🌐 Frontend β†’ React + Tailwind.πŸ“¦ API β†’ Gemini.☁️ Infra β†’ Docker + Railway / Vercel.πŸ’Έ Payments β†’ Stripe.πŸ“§ Emails β†’ Resend.🎧 Error Tracking β†’ Sentry.πŸ“Š Analytics β†’ Google Analytics.
0
0
0
@_rajarya
Arya Rajput
2 months
What are you currently creating ?? . Mine is DevTalk – Learn by Listening, Grow While Living! πŸš€ building DevTalk β€” an audio learning platform crafted for developers, by a developer. #BuildInPublic #learning #engineering
Tweet media one
0
0
0
@_rajarya
Arya Rajput
2 months
Before you do Google/ChatGPT a problem, try this:. 1. Say it out loud. 2. Write it as a question. 3. Break it into smaller parts. You’ll often realize the solution was hiding in your own head. Thinking clearly is a superpower. #DevTips #ProblemSolving #BuildInPublic.
0
0
0
@_rajarya
Arya Rajput
2 months
πŸ’» 4 AI Tools Supercharging Developers in 2025.1. GitHub Copilot Chat – Ask. Code. Fix. All inside your IDE. 2. Windsurf – AI that reads your entire codebase. 3. Aider – Edit real code in your repo with natural language. 4. Codemate – Chat with your code like a teammate.
0
0
0
@_rajarya
Arya Rajput
2 months
You don’t need a new framework. You need to master the fundamentals, write readable code, and ship consistently. Chasing hype won’t make you a 10x dev. Discipline does. #BuildInPublic #DevLife #100DaysOfCode.
1
0
1
@_rajarya
Arya Rajput
2 months
Secrets are secrets. Treat them like passwords β€” not constants. If you’re hardcoding keys, you’re one commit away from disaster. #programming #coding #webdevelopment.#software #developer.
0
0
0
@_rajarya
Arya Rajput
2 months
βœ… What You Should Do:. - Store secrets in .env files .- example API_KEY=uetsgisbsv. Let your team know what env variables are needed β€” without leaking real secrets. πŸ›‘ Most important thing:. - Never push .env to Git. Add it to .gitignore.
1
0
0
@_rajarya
Arya Rajput
2 months
Never ever Hardcode Secrets. You should use environment variables β€” not hardcoded secrets. Why?. 🚨 The Real-World Risk:. const apiKey = "sk-test-123456";.Boom. It’s now in your Git history. Forever. Push it once β€” leak it for life.
Tweet media one
1
0
0
@_rajarya
Arya Rajput
2 months
This fix works like magic when using:. - localStorage, window, document. - ), Math.random(). - Any third-party browser-only library (charts, maps, etc.).
0
0
0
@_rajarya
Arya Rajput
2 months
πŸ› οΈ The Fix: Mounting Logic. We solve this by delaying sensitive code until the component has fully mounted on the client:. βœ… Now your server and client both render the same thing initially β†’ no error.βœ… After mount, browser-only logic runs safely.
1
0
0
@_rajarya
Arya Rajput
2 months
πŸ’₯ What causes it?. React sends HTML from the server to load fast (SSR). Then, it "hydrates" that HTML by attaching events and making it interactive. But if your client-side JS renders something different from what the server sent. πŸ‘‰ Boom. Hydration mismatch.
1
0
0
@_rajarya
Arya Rajput
2 months
Most of you have probably seen this error in your Next.js project. What was your go to solution?
Tweet media one
Tweet media two
1
0
0
@_rajarya
Arya Rajput
3 months
Good performance feels like magic. Users don’t notice fast appsβ€”they just enjoy them. Optimize not for machines, but for humans.
0
0
0