#javascript
//Articles
STATE MUTATION DETECTED / MEMORY BLEEDING INTO NEXT RENDER
sys://blog/a-complete-guide-to-usestate-hookA Complete Guide to React's useState Hook
The useState hook is used to create and manage local state in functional components.
LEXICAL SCOPE BREACH / THIS CONTEXT ABANDONED
sys://blog/all-about-js-arrow-functionsAll About Arrow Functions
Arrow functions are introduced in ES6. It has easier syntax and unlike regular functions, it actually has lexical scoping which can be taken advantage off in certain situations
VARIABLE LIFTED BEFORE DECLARATION / TEMPORAL DEAD ZONE ENTERED
sys://blog/javascript-hoisting-eloquently-explainedJavaScript Hoisting Eloquently Explained
Javascript hoisting is the process of initializing variables and providing them memory space before a JS program is run
SCOPE CHAIN SEVERED / VARIABLE LOOKUP FAILED
sys://blog/javascript-scope-an-easy-explanationJavaScript Scope: An Easy Explanation
A scope in JavaScript defines the accessibility of variables. Local scopes can ensure variables with general names aren't overwritten.
ASYNC CHAIN BROKEN / REJECTION UNHANDLED / SYSTEM HANGING
sys://blog/javascript-promises-everything-you-need-to-knowJavaScript Promises: Everything You Need to Know
JavaScript promises is a new way to do function callbacks. With the introduction of promise, syntax is significantly reduced. It also helps us avoid what is called a callback hell.
THIS CONTEXT LOST / BINDING ERROR IN CALL STACK
sys://blog/js-this-keyword-explained-for-beginnersJavaScript this Keyword Explained for Beginners
Explaining JavaScript this keyword for beginners.
FUNCTION BODY EXPOSED / EXECUTION CONTEXT UNSTABLE
sys://blog/everything-you-need-to-know-about-js-functionsEverything You Need to Know About JavaScript Functions
JavaScript functions are building blocks of a JavaScript program.
//Experience
Frontend Engineer · UXBERT Labs
I am currently working as the Frontend Engineer for multiple projects under the Saudi General Entertainment Ministry.
MERN Stack Developer · Brototype
Gained hands-on experience building robust web applications through intensive, project-based learning. Developed full-stack web applications including a social media platform and a microservices-based article sharing platform. Benefited from weekly code reviews and mentorship to enhance coding and problem-solving skills.
React Developer Intern · RaftLabs
Worked for a hybrid remote working app, and a scalable decision-making platform. Integrated Agora, Google Drive, Microsoft Graph, and Dropbox APIs to enhance the app's functionality. Developed reusable components and implemented responsive design to improve the user experience.