React without the Magic Mysticism
1/27/2026React without the Magic Mysticism React has a weird reputation. Some people treat it like magic. Others treat it like a nightmare. Most…
Tag: javascript
30 posts
Understanding React’s Data Flow
1/23/2026Understanding React’s Data Flow: A Mental Model That Scales How props, hooks, and context actually work together ReasonReact Hook Recipes…
React Props & Data Flow the Way It Works
1/23/2026React props look simple — until your app grows. At first, props feel like HTML attributes. Then suddenly you're passing data through five…
React’s Data Flow
1/23/2026React Data Flow How props, hooks, and context actually work together 🍕 Think of Pizza React Data Flow Explained with Pizza 🍕 Think of a…
Props Mental Model: React vs Vue Data flow
1/20/2026Props Mental Model: React vs Vue As a React developer, I wanted to dive into Vue to learn how it approached building JavaScript UI. How do…
Vue Methods used for Data Binding 🤔
1/6/2026Vue Methods for Data Binding In this article, we'll explore how to use Vue methods to efficiently handle data binding in your applications…
CSS positioning Properties 🤔
9/10/2022What You See Is What You Get – is a competing model for authoring documents. These applications constantly update a final form presentation…
Different React Props Patterns🤖
10/12/2021Different React Props patterns and how to manage Data Understanding React’s approach to data manipulation takes time. React has a different…
Rendering Lists of Data in React🤖
9/11/2021Rendering Lists of Data 🤔 How to show a simple list item, a list of objects, Nesting Lists in React, and lastly, we will have a look at how…
Vue Methods used for Data Binding 🤔
8/10/2021Methods in Vue used for data Binding What is Data binding? There are different Data Bindings in Vue. Data binding is a technique used to…
JavaScript Merge sort function 🤖
4/11/2021What is an algorithm? 🤔 An algorithm is a procedure for solving a problem in computer science. Some problems that algorithms are well…
JavaScript closures 🚀
3/11/2021Closures Closures are functions that close over their lexical environment or their scope. This allows us to access an outer function scope…
How to FLEX in React 🤖
2/11/2021: Using Flexbox in React components to create flexible layouts. How to Flex in React? 🤔 Flexbox helps to organize the blocks of code as…
Using Express validator 🤔
1/26/2021Validating input in Express using express-validator understand how to use express-validator module to make the input validation from the…
What is props drilling in React 🤖
1/11/2021Props drilling 🤔 Everything runs on a different thread except our code. We need to share data with different components when working with…
Manage state with useReducer Hook 🤔
11/29/2020Managing State with useReducer useReducer Hook An alternative to useState. Accepts a reducer of type (state, action) => newState, and…
Conditional Rendering
11/12/2020Conditional Rendering 🤔 Conditional rendering in React isn't difficult. In JSX - the syntax extension used for React - you can use plain…
How to Life Cycling 🚲 in React? 🤔
11/10/2020Life Cycle Methods in React When developing in React, every Component follows a cycle from when it’s created and mounted on the DOM to when…
Array methods in React
11/10/2020Array Methods in React 🤔 Let’s consider what is an array method. Simply put, an array method is a method that can be called on an array to…
JavaScript Variables, Scope and Hoisting
11/10/2020Variables, Scope and Hoisting in JavaScript Introduction We must understand how variable scope and variable hoisting work in JavaScript, if…
React Hooks 🤔🎣
11/8/2020Hooks 🎣 API 👉 The additional API that lets you use state and other features in React without writing a class is called Hooks. What Are…
Modules in JavaScript 🤔
10/29/2020What are Modules in JavaScript? 🤔 The Module Pattern is one of the important patterns in JavaScript. It is a commonly used Design Pattern…
Conditionals & Loops
8/25/2020JavaScriptS | Conditionals and Loops 🤔 👉 Learning Goals You will be able to: 👉 Understand what statements are 👉 Understand why…
Increment & Decrement in JavaScript
8/15/2020Overview of Increment and Decrement Operators in JavaScript The Increment and Decrement Operators are used to increase or decrease the value…
React Context APIs
8/9/2020Context Apis React's Context API has become the state management tool of choice for many, often replacing Redux altogether. React Context…
Express 🤔 🛠
7/3/2020Overview and practice Express.js is the best choice when it comes to building web applications with Node.js. However, when saying web…
What is recursion
4/11/2020What is recursion? Recursion is a process of calling itself. A function that calls itself is called a recursive function. The syntax for…
Functional & Class in React
9/15/2019Functional & class components in React 🤔 🤓 React is a framework that allows us to encapsulate code so to make it more reusable. These…
How to install and use Node - npm
9/15/2019Goals 👉Learn what Node.js and npm are; 👉 Set up Node.js and npm on Linux and Mac What is npm? npm doesn't stand for Node Package Manager…
Arrow Functions in JavaScript
9/15/2019Arrow functions (also called “fat arrow functions”) are undoubtedly one of the more popular features of ES6. They introduced a new way of…