What is the difference between HTML and React event handling?
Updated
•1 min readF
I am an Infrastructure and DevOps Engineer specializing in designing, building, and operating scalable, secure, and highly available cloud infrastructure. My core focus is on Microsoft Azure cloud platforms, Infrastructure as Code (IaC), and DevOps automation to support reliable production systems.
I work across cloud infrastructure engineering, DevOps practices, and site reliability engineering (SRE) principles to ensure systems are resilient, observable, and optimized for performance, cost, and scalability.
My experience includes designing and managing cloud environments across compute, networking, storage, identity, and security layers. I build Infrastructure as Code solutions using Terraform and Azure Resource Manager (ARM) templates to automate provisioning, configuration, and deployment of cloud resources.
I am actively involved in improving system reliability through monitoring, logging, and incident response processes using tools such as Azure Monitor and cloud-native observability solutions. I also participate in on-call operations, production support, and incident management to ensure high availability of critical systems.
Security is a core part of my engineering approach. I work with identity and access management (IAM), Azure Active Directory, and cloud security best practices to ensure infrastructure remains compliant, secure, and audit-ready in line with industry standards such as ISO 9001 and ISO 27001.
I collaborate with cross-functional teams including software engineers, DevSecOps, and product teams to deliver infrastructure solutions for customer-facing applications and enterprise platforms.
My technical interests and growth areas include:
Cloud Infrastructure Engineering (Azure, AWS, GCP)
Site Reliability Engineering (SRE)
Platform Engineering
Kubernetes & Container Orchestration
Infrastructure as Code (Terraform, ARM)
CI/CD Pipeline Automation
Distributed Systems & System Design
Cloud Security & Identity Management
I am passionate about building systems that are not only scalable and efficient but also reliable and easy for engineers to use. I am continuously growing my expertise toward senior-level Infrastructure, SRE, and Platform Engineering roles, including global remote opportunities.
In HTML, the attribute name is in all lowercase and is given a string invoking a function defined somewhere:
<button onclick="handleClick()"></button>
In React, the attribute name is camelCase and are passed the function reference inside curly braces:
<button onClick={handleClick} />
In HTML, false can be returned to prevent default behavior, whereas in React preventDefault has to be called explicitly:
<a href="#" onclick="console.log('The link was clicked.'); return false" />
React:
function handleClick(e) {
e.preventDefault()
console.log("The link was clicked.")
}
Note: HTML uses lowercase, React uses camelCase.
Thanks for reading...
Happy Coding!