DEV Community: tuangsg83

Am I on the right track? My self-taught journey with React & TanStack

tuangsg83 — Sun, 26 Apr 2026 14:06:49 +0000

Hi Dev Community! 👋

I’m currently pushing myself through a rigorous journey to become a Full-stack Developer. I wanted to share my current learning workflow and get some "reality checks" from the experienced devs here.

🏗️ My Current Stack
Bundler: Vite (Lightning fast! ⚡)

Core: React

Data Fetching: TanStack Query

Routing: TanStack Router

Styling: Tailwind CSS

🧠 My Learning Strategy
I’ve moved away from "Tutorial Hell" and adopted this workflow:

[Concepts > Copying] 💡
Instead of coding along with a video, I watch to understand the logic. Then, I close the video and try to implement it in my own project—a Document Management System (DMS).

[Real-world Application] 🛠️
I don't build the tutorial's project. I adapt the lessons to my DMS project requirements. If it’s not modern or up-to-date, I dig into the docs to find the latest way to do it.

[AI as a Peer Reviewer] 🤖
I use AI to:

Summarize complex topics that still feel "cloudy."

Review my snippets for potential bugs or better ways to refactor.

Explain "Why" a certain pattern is better than another.

❓ Questions for the Experts
"Is this approach effective, or am I missing something crucial?"

Retention: Is building a completely different project while learning a specific course a good way to keep knowledge, or does it slow down progress too much?

The AI Trap: What should I watch out for when using AI for code reviews so I don't become too dependent on it?

Roadmap Advice: After getting comfortable with TanStack Query/Router, what should be my next logical step for a DMS-style project? (Auth? Complex Forms? Drag & Drop?)

Current Progress:

[x] Modern JavaScript Fundamentals

[x] Tailwind CSS from scratch

[ ] React Deep Dive (In Progress...)

[ ] Next.js (Upcoming)

I’m working hard every single day to make this career transition. Any feedback, encouragement, or "tough love" advice is welcome!

Responsive Pricing Card UI with HTML & CSS

tuangsg83 — Sun, 08 Jun 2025 15:25:34 +0000

I've been working on a responsive pricing card UI as part of a daily UI challenge, and I'd love to get some fresh eyes and constructive feedback on my HTML and CSS. My main goals were to create a clean, responsive layout and practice my CSS skills, including responsiveness with media queries.

I'm open to all feedback, but I'm particularly interested in hearing your thoughts on best practices, efficiency, and anything that could make the code more robust or maintainable.

Project Details:
Goal: Create a responsive pricing card section for a website.
Technologies Used: HTML5, CSS3 (with Google Fonts: Montserrat).
Features:
Responsive layout adapts to different screen sizes.
Hover effect on pricing cards.
Basic tab design for "Monthly" and "Annually" (though functionality is not implemented yet).
Here's the live preview: https://tuapuan83.github.io/daily-ui-pricing-plan/

Stuck coding

tuangsg83 — Sat, 17 Apr 2021 07:02:57 +0000

I'm newbie for frontend. After i finished the online course i still know nothing when i try to do challenge coding. Example i try to code a css blog card but it stuck. What should i do?? Please give me some advice. Thanks

I wan to be a web developer so please recommand the best web developement course for me ?

tuangsg83 — Fri, 16 Apr 2021 15:08:42 +0000