Forem: Hadi Raza

The Language first before it's Framework

Hadi Raza — Fri, 31 Oct 2025 20:54:45 +0000

This is a mistake some of us make in programming.

Some of us leave the actual programming language to learn the framework and that’s where many beginners get it wrong.

When you skip the fundamentals of a language and jump straight into a framework, you limit your growth without even realizing it.

Frameworks like React, Laravel, Django, or Flutter are built on top of programming languages like JavaScript, PHP, Python, and Dart.

If you don’t understand the base language, you’ll always find yourself stuck when things go wrong.

You’ll be able to use the framework only when everything is going smoothly, but the moment you need to fix an error or customize something beyond what tutorials cover you’ll be lost.

Here’s the truth:

Frameworks make development faster, but languages build understanding.

If you don’t know the “why” behind what the framework is doing, you’re just copying code, not creating solutions.

So before you rush into learning React, make sure you understand JavaScript.

Before Laravel, learn PHP.

Before Django, learn Python.

Before Flutter, learn Dart.

Mastering the language first gives you the confidence to use any framework and even switch between them easily when needed.

The framework is just a tool; the real power lies in understanding the language that powers it.

So learn and understand that programming language very well before moving over to its framework!

I hope someone finds this helpful!

I’m Hadi Raza, a passionate frontend developer

consistency

coder_blessing

iamafrontenddeveloper

🚀 Mastering Node.js in 10 Easy Steps 🌐

Hadi Raza — Wed, 31 Jan 2024 20:25:59 +0000

Are you ready to dive into the world of backend development with Node.js? Whether you're a beginner or brushing up your skills, these 10 steps will guide you through the essentials of Node.js. Let's get coding!

1️⃣ Install Node.js: Download and install Node.js from nodejs.org. Choose the version that suits your development needs.

2️⃣ Understand npm: npm (Node Package Manager) is your toolkit for managing packages. Learn to install, update, and manage dependencies with npm.

3️⃣ Create Your First Node.js Application: Start with a simple "I Love Pakistan" application. Initialize a new project with npm init and create your first JavaScript file.

4️⃣ Explore Node.js Modules: Node.js modules are reusable code blocks. Understand built-in modules like HTTP, Path, and FS, and how to import them using require().

5️⃣ Asynchronous Programming: Grasp the concept of asynchronous programming in Node.js, especially callbacks, promises, and async/await.

6️⃣ Build a Basic Server: Use the HTTP module to build your first server. Learn to handle requests and responses.

7️⃣ Work With Express.js: Express.js is a popular Node.js framework. Set up an Express server and explore routing, middleware, and more.

8️⃣ Connect to a Database: Learn to connect your Node.js application to a database like MongoDB or MySQL for data storage.

9️⃣ Unit Testing: Write unit tests for your application. Familiarize yourself with testing frameworks like Mocha and Chai.

🔟 Deploy Your Application: Learn about deployment options. Deploy your application on platforms like Heroku or AWS.

🔗 Stay Consistent and Keep Learning: Node.js is vast and constantly evolving. Keep experimenting and building new projects.

🌟 #NodeJsJourney #BackendDevelopment #JavaScript #WebDevelopment #Programming #TechCommunity

Feel free to connect and share your Node.js experiences and projects! Let's grow together in this exciting journey of backend development.
Github: Hadiraza04

Node.JS vs PHP: A Closer Look at Efficiency

Hadi Raza — Wed, 24 Jan 2024 14:34:24 +0000

In the world of web development, choosing the right technology is crucial. Today, let's talk about Node.js and PHP, two popular choices with different approaches to efficiency. 🚀

1. Node.js:
🔹 Built on the V8 JavaScript engine, it's known for its speed and non-blocking, event-driven architecture.
🔹 Perfect for real-time applications, such as chat apps and streaming services.
🔹 Scalable, thanks to its ability to handle concurrent connections efficiently.
🔹 A strong choice for building APIs and server-side applications.
2. PHP:
🔹 A server-side scripting language known for its simplicity and wide adoption.
🔹 Well-suited for traditional web applications and content management systems (CMS).
🔹 Extensive community support and a vast library of packages and frameworks.
🔹 A great choice for quick prototyping and web projects.
Ultimately, the choice between Node.js and PHP depends on your project's requirements. Node.js excels in high-performance applications, while PHP remains a solid choice for many web scenarios.
What's your experience with these technologies ⁇ Feel free to share your thoughts and use cases in the comments below!
Follow for more
Github
Twitter or X

create vite@latest is better than create-react-app

Hadi Raza — Wed, 10 Jan 2024 11:30:47 +0000

Introduction:

In the ever-evolving landscape of web development, the choice of tools and frameworks plays a pivotal role in determining the efficiency and performance of a project. Two popular contenders in the React ecosystem, Create React App (CRA) and Vite, stand out as excellent options for building robust web applications. In this blog post, we will delve into why using Vite@latest might be considered superior to Create React App.

1. Speedy Development Server:

One of the standout features of Vite is its lightning-fast development server. With the use of native ES modules and a unique approach to bundling during development, Vite significantly r

2. Vue.js Compatibility:

While Create React App is designed specifically for React applications, Vite offers a broader spectrum by supporting Vue.js as well. This flexibility makes Vite an appealing choice for projects that may require compatibility with multiple frameworks or for teams with expertise in both React and Vue.js.

3. Configurability and Control:

Vite is known for its flexibility when it comes to build configuration. Developers have more control over their setup, allowing for fine-tuning and customization based on project requirements. This feature caters to advanced users who prefer a more tailored development environment.

4. Modern Build System:

Vite embraces a modern build system that leverages ES module imports, resulting in a more efficient and modular codebase. This modern approach aligns with the latest best practices in web development and contributes to better performance in production builds.

5. Growing Ecosystem:

While Create React App has a well-established community and a plethora of plugins, Vite's ecosystem is rapidly growing. The latest updates and innovations often find their way into Vite first, providing early adopters with access to cutting-edge features and improvements.

Conclusion:

In the dynamic world of web development, staying ahead with modern tools is crucial for building scalable and performant applications. While Create React App remains a solid choice with its stability and extensive community support, Vite@latest stands out for its speed, flexibility, and compatibility with multiple frameworks. Choosing between the two ultimately depends on the specific needs of your project and your development preferences. As we continue to witness advancements in the realm of front-end development, exploring tools like Vite can pave the way for a more efficient and enjoyable coding experience.