RH
Article
(01)

My Transition from React to Vue: Learnings and Surprises

Sharing my personal journey transitioning from React to Vue.js. Discover the differences, what surprised me, and why I'm seriously considering Vue for future...

By
748 Views
reactvuejsweb developmentfrontendprogrammingexperience

The Developer's Path: When Curiosity Calls

Hello everyone, Roberto here. I've been neck-deep in the world of web development for quite a few years now, and to be honest, a big chunk of that time has been under React's spell. You know, that super powerful framework, with its distinctive JSX, its Virtual DOM, and all that jazz that, frankly, I got pretty good at. I felt comfortable, productive, right at home. But, as those of us who've been in programming for a while know, the comfort zone is a dangerous place, and curiosity is a motor that rarely switches off.

A few months ago, I got the chance to work on a personal project, something small, without the pressures of a client or a big team. And that's when the little voice of curiosity started whispering in my ear: "What if you tried something new? How about Vue?" I confess, at first, I felt a slight tickle of laziness. Switch from React? Why? I had everything under control. But the idea kept circling in my head. Would it really be that different? What might I be missing?

So, with a mix of skepticism and anticipation, I decided to give Vue.js a real shot. No superficial tutorials, I wanted to dive in deep, create something tangible, feel in my own hands how it worked. And what I discovered, honestly, blew my mind in several aspects.


My Initial Experience: Challenging Prejudices with Vue

My first contact with Vue was through its documentation. And here's the first surprise: how well-written it is! Clear, concise, with easy-to-follow examples. Compared to React's documentation, which can sometimes be a bit dense or assume certain prior knowledge, Vue's felt more like a guided conversation. It hooked me from the start.

I started with a simple project: a small app to manage my notes. My idea was to replicate something I'd already done with React so I could compare directly. And that's where the first noticeable differences came in.

SFCs (Single File Components): At first, I admit, the `.vue` file format seemed a bit odd. Mixing HTML, JavaScript (or TypeScript, which is what I mostly use), and CSS in the same file, with well-defined sections (`

© 2026
Roberto Hernando
|