I spend all day coding, and Composer has become my brain's extension. 🧠

It handles the 'grunt work' so I can focus on architecture.

Actually, this is exactly what I want to achieve with Sooner.

Making AI-native flow feel this natural. ⚡

#Cursor #AI #BuildInPublic #TechSky

"The best debugger is a coffee break."

Stuck for 3 hours: 😫

Stand up, grab a coffee: ☕

Instant solution in my head: 💡

Why does our brain work like this? 😂

#Programming #DeveloperLife #TechSky

"Stop watching tutorials."

Watching 10 hours of tutorials = 0% progress.

Building 1 messy app = 100% growth.

The best debugger is a blank screen and a problem to solve. 🧠

#WebDev #SoftwareEngineering #CareerAdvice

"Stop writing comments."

If your code needs a comment to be understood, the code itself is the problem.

Refactor first. Write comments only when the 'Why' is invisible. 🛡️

#CleanCode #TypeScript #CodingTips

"My biggest fail today."

Spent 2 hours debugging a 'broken' API...
...only to find I was editing the wrong file. 🤡

Tell me I'm not the only one. 🤝

#Programming #BuildInPublic #TechSky

"Prettier or Manual formatting?"

​I've seen some pros who still prefer manual formatting for 'readability'.
But for me, Prettier is a life saver. 🧘‍♂️

​Which one are you? 🧐

#WebDev #SoftwareEngineering #TechSky

"Too many arguments?"

❌ create(name, 25, true); (Wait, what is true? 🤷‍♂️)

✅ create({ name, age: 25, admin: true }); (Clear! 💡)

Use objects. 🛡️

#TypeScript #CleanCode #WebDev

"Git history a mess?"

❌ git commit -m "update" (Future you: 💀)

✅ git commit -m "fix: login bug" (Future you: 😇)

Be specific. 📝

#Git #SoftwareEngineering #TechSky

"Tired of if?"

​❌
if (!name) name = "Guest";

​✅
const name = user.name || "Guest";

​Simple is best. ✨

#JavaScript #CodingTips #TechSky

"Why is naming so hard?"

❌ Bad:
const data = ...
const info = ...
(What's inside? Nobody knows. 🤷‍♂️)

✅ Good:
const userList = ...
const isValidEmail = ...
Clear intent > Short names. 💡

#CodingTips #WebDev #TechSky #CleanCode

"Images breaking your layout?"

❌ <img src="...">
(They will overflow by default. 💀)

✅ img { max-width: 100%; }
(The 1st rule of responsive design. 🌊)

#CSS #Frontend #CodingTips

"Tired of any?"

​❌ const data = res.json() as any;
(The "I give up" type. 🏳️)

​✅ const data: User = res.json();
(Better safety, zero effort. 🛡️)

#TypeScript #WebDev #TechSky

Vibe-coding mandala art to the sound of a mandala. 🌀💻✨

Play it here✨

sooner-production.up.railway.app/preview/u/t4...

#VibeCodingArt #MandalaArt #Sooner #Art

Cursor is better, I think 🤔

That looks nice 👍☺️

そういう機能が実装できたら、面白いですね。私もちょっと試しに作ってみます🤗🤗

さすがに中国も厳しくなってきたんでしょうね🤔😅😅

"Why is my layout breaking on mobile?"

❌ Weak:
width: 100vw;
(Watch out! It doesn't account for the scrollbar, causing horizontal overflow. 💀)

✅ Strong:
width: 100%;
Or use max-inline-size: 100%; for modern logical properties.

Keep it fluid, keep it contained. 🌊

#CSS #Web #Frontend #TechSky

"Why did I overwrite my file?"

❌ Risky:
cp source.txt destination.txt
(Standard command. One typo and your data is gone.)

✅ Safe:
cp -i source.txt destination.txt
The "-i" (interactive) flag.
It asks for confirmation before overwriting.

Make it an alias in your .zshrc or .bashrc.

#Terminal

"Why is my app crashing at runtime?"

​❌ Risky:
const name = user.profile!.name;
(The "!" is a ticking time bomb. 💣)

​✅ Safe:
const name = user.profile?.name ?? "Guest";
Optional Chaining + Nullish Coalescing.

TypeScript is there to help you, not to be ignored. 🛡️

#TypeScript #CodingTips #TechSky

Oh, really 😮 I'm gonna try it out. Now, I'm using cursor and I think it really fits me in. But, thanks for your information 👍

🤣🤣🤣🤣

"Why is centering so hard?"

❌ Old Way:
float, margin-top (Messy & fragile)

✅ Modern Way:
Parent: Grid ➔ place-items: center (Simple & Robust)
One line to rule them all. ✨

#CSS #WebDesign #Frontend #TechSky #BuildInPublic

"Why is my data 'undefined'?"

​❌ Risky:
Fetch Data ➔ Console Log (Race condition!)

​✅ Safe:
Async Function ➔ Await Fetch ➔ Console Log
​Don't rush the browser. Respect the Promise. 🤝

#JavaScript #WebProgramming #TechSky #CodingTips

"Why is my modal hidden behind the header?"

​❌ Weak: z-index: 999999 (Stop guessing!)

​✅ Strong:
Stacking Context ➔ Check opacity, transform, or position on parent elements.
​Z-index is a hierarchy, not just a big number. 🧠

#WebDev #CSS #Frontend #TechSky #BuildInPublic

​Thanks! Yes, using as const has been a game-changer for type safety. It makes the object properties read-only and gives me precise literal types, which prevents a lot of silly typos. So far, I haven't run into any major challenges—it's been working pretty smoothly!

Thank you so much for your tips. I really appreciate what you replied.

"Why did it freeze?"

​❌ Risky:
Data ➔ JSON.parse ➔ App (Crash if bad data)
​✅ Safe:
Data ➔ Try / Catch ➔ Result (No more crashes)

#Programming #WebDev #TechSky #CodingTips

"Why is my TypeScript type just 'string'?"　

​❌ Weak: const COLORS = { blue: "#00f" };
✅ Strong: ```typescript
const COLORS = {
blue: "#00f",
red: "#f00"
} as const; // Now it's Read-Only & Literal!

#TypeScript #WebDev #BuildInPublic #TechSky

Stop using ${url}?id=${id}! ❌
​✅ Use URLSearchParams:

javascript:

// Auto-encoding & Clean!
const params = new URLSearchParams({ id: 1, search: "js & coffee" });
const url = `https://api.com?${params}`

#JavaScript #WebDev #BuildInPublic #TechSky