Why React, Vite, and Node.js Actually Changed How I Think About Web Development

When I first started learning web development through Code.org, I thought I had become an expert at building websites. I thought to myself that I had a future at Google and could start the very next day. I felt on top of the world! However, let's come back to reality. I was creating a website about mathematicians such as Pythagoras, and what they had accomplished 😐. This is what I thought would take me all the way to the top :)! I was programming with HTML, CSS, and JavaScript at the time. It took me some time, but when I went back to the project and reviewed the grade just to boost my ego, I realized that something wasn't right. I wasn’t able to make my ideas a reality. The website was just Times New Roman text with a blue background 😐. What I was making was nowhere near the level of websites I had seen on the internet. Developing those kinds of webpages was not possible with the basics I knew. I felt like there was more that could be done. I sought guidance, and my brother was my Sensei. He helped me discover the ways of React, Vite, and Node.js, and I felt a wave of relief just by hearing the name Vite!

React seemed like a lot of work for me at first. The library seemed daunting, and the language itself seemed too hard for me. The idea of components, props, and state felt like a lot to wrap my head around, especially when I was 11 or 12. As I started building small projects with guidance, I learned why React, Vite, and Node.js are used for web development. React does more than display content on a page. It organizes ideas. Each component feels like a mini-project, like LeetCode, within the project, and it makes managing complex user interfaces possible. Instead of saying, "Time to build a 10-page website", now I would say, "Time to build this one piece of this one page".When I built my first interactive app for my club at school, the Music Club, I could see my code reacting to user input in real time. Members were able to use the website, and it wasn't breaking!! I think at this moment, I could finally say I made something with web development. My ideas came to life. My Spark of Imagination was back. Vite came into the picture next. Before Vite, I struggled with slow development servers that took forever to reload. Vite completely changed that experience. With almost instant hot module replacement, I could see my changes the moment I saved a file. No need to spam the refresh button or keybinds anymore. That small shift made me experiment more and break more things. Each mistake became a learning opportunity instead of a delay. More opportunities for me to develop my imagination. Vite helped me understand that modern tools focus not just on functionality but on developer experience. Node.js tied everything together. It was the glue. It allowed me to create backend servers in JavaScript. I could now handle data, connect to databases, and serve content all in one language. I remember deploying my first Node.js server and feeling excitement. I thought to myself, "Please, no more spam refreshing!!" The server ran, people could connect, and I had built the entire thing myself. That moment made me see that web development is not just about making things look nice. It is about connecting ideas, data, and users seamlessly. It is about making my ideas come to life. It means to relight my spark of imagination.

The first real project I made with my knowledge of these languages is a game called Match Master (https://namishj.github.io/match-master/). It uses React for the multitude of components in the game, it uses Vite and Node.js for web development aspects, and TypeScript was used for the backend.

React, Vite, and Node.js taught me that good development is about more than just code that works. It is about ease of use! It is about efficiency! It is about making ideas and dreams come to life. These frameworks did not just make me a better programmer. They made me think about web development differently. I now approach projects with more structure, patience, and a willingness to experiment. These are qualities I hope to carry into every project I build in the future.