DEV Community: Saklain Raza

How I Built My First Web App Using React...

Saklain Raza — Mon, 17 Mar 2025 08:26:48 +0000

Building my first web app with React was an exciting and challenging experience. I chose to develop a Notes Web App using the MERN stack, which allowed users to create, edit, and delete notes. The process started by setting up the front-end using React.js, where I implemented a responsive UI with Tailwind CSS to ensure a seamless user experience.

The biggest challenge I faced was optimizing the app's performance, particularly during real-time syncing. To solve this, I improved the CRUD operations and integrated efficient state management using React hooks. This not only reduced data retrieval time but also enhanced overall user engagement.

This project helped me solidify my React skills and taught me how to handle challenges in full-stack development.

Getting Started with JavaScript: What I Wish I Knew

Saklain Raza — Mon, 17 Mar 2025 08:20:17 +0000

When I first started learning JavaScript, the sheer number of concepts was overwhelming. However, a few key fundamentals stood out that would have made my journey smoother if I had grasped them earlier.

1. Variables and Scope

Understanding the difference between var, let, and const was tricky at first. Knowing when to use each one is crucial because they impact the scope and behavior of your variables. I quickly learned that using let and const helps avoid common issues with variable hoisting and scoping.

2. Functions and Callbacks

Functions are at the heart of JavaScript, but callbacks were a bit confusing for me. They are functions passed as arguments to other functions, allowing for asynchronous behavior. It took some practice, but understanding how JavaScript handles asynchronous code, especially with callbacks, set the foundation for working with Promises and async/await.

3. The DOM

Manipulating the Document Object Model (DOM) was another challenge. Initially, I struggled with understanding how JavaScript interacts with HTML elements. Through practice and building small projects, I learned how to effectively use document.querySelector and event listeners to dynamically change the content on web pages.

These early challenges shaped my JavaScript learning, and by focusing on these key concepts, I gained a deeper understanding that continues to serve me in my projects today.

My Journey into Web Development.....

Saklain Raza — Mon, 17 Mar 2025 07:47:31 +0000

Like many, my journey into web development started with a curiosity about how websites work behind the scenes. Coming from a background in Computer Science and Technology during my B.Tech , I always had an inclination toward understanding technology, but I hadn't fully delved into the world of web development until later in my academic journey.

The Initial Spark

The first spark came when I was introduced to HTML, CSS, and JavaScript during my college curriculum. These foundational technologies opened my eyes to how simple lines of code could transform into interactive web pages. I started exploring more on my own, watching tutorials, and experimenting with small projects. The sheer joy of seeing my code come to life on a browser screen kept me going.

Internships and Real-World Exposure

My first hands-on experience came during my internships. At Cognifyz Technologies, I was tasked with building a Personal Portfolio website using HTML, CSS, and JavaScript. It wasn’t just about coding; I learned how to create responsive designs, ensure cross-browser compatibility, and structure content for an optimal user experience. This experience was pivotal—it showed me how web development was not just about writing code but about solving real-world problems.

Later, at OCTANET SERVICES PVT LTD., I dove deeper into front-end development. Here, I worked on creating responsive layouts and adding interactivity using JavaScript. This internship helped me tackle challenges like performance optimization and made me realize the importance of clean, efficient code in improving user experiences. It was during this time that I truly began to appreciate the power of JavaScript.

Embracing Full-Stack Development

As my skills grew, I ventured into full-stack development. One of the key milestones was developing a Notes Web App using the MERN stack (MongoDB, Express, React, Node.js). This project taught me how the backend and frontend work in harmony to deliver a seamless experience for users. I learned to implement CRUD operations, ensure real-time syncing, and enhance the performance of the app by optimizing server-side logic.

Each of these projects, from my Password Generator to the Learning Management System I built, pushed me to expand my skills and learn new technologies. Working with React.js, I enjoyed the process of building dynamic, interactive UIs, while using Node.js and MongoDB helped me understand how data flows through an application.

Overcoming Challenges

Learning web development wasn’t without its challenges. Initially, the vastness of the technologies involved was overwhelming—there was so much to learn! One of my biggest struggles was understanding how the backend communicates with the frontend, especially when dealing with databases like MySQL and MongoDB . However, by working on small, manageable projects, I was able to break down these concepts into digestible parts.

Debugging was another area I struggled with at first. I remember spending hours trying to figure out why a button wasn’t responding or why the CSS layout wasn’t rendering correctly. But over time, I learned the importance of tools like browser developer tools and console logs. I also became better at reading documentation, which is an invaluable skill in development.

Looking Ahead

Today, I’m still learning and growing in the field of web development. I’m particularly interested in exploring more advanced topics like cloud deployment and Docker for containerization, which can help me deliver scalable applications. I’m also focused on improving front-end performance optimization and ensuring security in web applications.

I’m excited to continue my journey, whether through contributing to real-world projects, collaborating with like-minded developers, or working in a collaborative team environment. Web development is a field that constantly evolves, and I’m thrilled to be a part of it.

My journey into web development has been a rewarding one, filled with learning, challenges, and growth. What started as a simple curiosity has now turned into a passion, and I can’t wait to see where it takes me next.