Understanding the difference between ˍˍˍ and ˍˍˍ in front-end development

As a writer or developer working with English or front-end technologies, you'll come across many similar words or concepts with different use cases and applications. For instance, "speak", "tell", "talk", and "say" are verbs that may seem interchangeable, yet they have different meanings.
Similar situations arise in front-end development with concepts like `display: none`, `opacity: 0`, and `visibility: hidden` used to hide elements in CSS. In HTML, `preload` and `prefetch` are attributes that can improve loading performance. For better performance, we use techniques like debouncing and throttling in JavaScript.
In addition to vanilla front-end technologies, we often use external libraries or frameworks to speed up development. However, these libraries may introduce similar concepts, such as controlled or uncontrolled and stateless or stateful components in React.
Understanding the differences between similar concepts is crucial. Knowing their strengths and weaknesses allows us to use them effectively.
I firmly believe that if we have knowledge about something, we should know it inside and out. That's why I created this collection. It covers the distinctions between various topics in front-end development, such as CSS, DOM, HTML, and JavaScript. It also includes "good to know" sections, best practices, tips, and tricks to help you master these concepts.
If you can't explain it simply, you don't understand it well enough Albert Einstein

CSS

margin vs padding
04 Sep, 2020
border vs outline
17 Jun, 2020
:active vs :focus
23 May, 2020

DOM

blur vs focusOut
25 Aug, 2023
clientY vs pageY
01 Sep, 2020

HTML

alt vs aria-label
16 Sep, 2023
<div> vs <section>
04 Sep, 2020
class vs id
24 May, 2020
alt vs title
24 May, 2020
Element vs Node
23 May, 2020

JavaScript

Set vs Array
28 Aug, 2023
a vs !!a
25 Aug, 2023
Map vs WeakMap
27 Aug, 2020
concat vs push
25 Aug, 2020
Object vs Map
10 Aug, 2020
slice vs splice
01 Aug, 2020
undefined vs void
16 Jul, 2020
++value vs value++
15 Jul, 2020
null vs undefined
18 Jun, 2020
Object.is() vs ===
02 Jun, 2020
== vs ===
02 Jun, 2020
apply vs call
02 Jun, 2020

React

TypeScript

void vs never
24 Aug, 2023
any vs unknown
24 Aug, 2023
const enum vs enum
27 Aug, 2020
string vs String
25 Aug, 2020
interface vs type
20 Aug, 2020
*.d.ts vs *.ts
20 Aug, 2020
const vs readonly
20 Aug, 2020

Recent posts ⚡

Newsletter 🔔

If you're into front-end technologies and you want to see more of the content I'm creating, then you might want to consider subscribing to my newsletter.
By subscribing, you'll be the first to know about new articles, products, and exclusive promotions.
Don't worry, I won't spam you. And if you ever change your mind, you can unsubscribe at any time.
Phước Nguyễn