Menggunakan Absolute Import pada React JS

#react #javascript #absolute #import

Langkah-langkah untuk mengkofigurasikan absolute import dengan Create React App tanpa menggunakan package lain

Apa keuntungan menggunakan Absolute import?
Anda dapat memindahkan kode yang ada ke komponen lain dengan import tanpa perubahan apa pun.
Anda dapat mudah mengidentifikasi dimana komponen anda berada
Clean code
Konfigurasi Absolute Import
Yang pertama anda lakukan adalah membuat file jsconfig.json pada root folder project anda. Kemudian tulis code dibawah ini pada file jsconfig.json

{
  "compilerOptions": {
    "baseUrl": "src"
  },
  "include": ["src"]
}

Kemudian, rubah relative import anda menjadi absolute

Kode diatas akan berubah seperti di bawah ini

Restart project anda setelah melakukan konfigurasi agar mendapatkan hasil dari perubahan

How to reduce TTFB

In the past few years in the web dev world, we’ve seen a significant push towards rendering our websites on the server. Doing so is better for SEO and performs better on low-powered devices, but one thing we had to sacrifice is TTFB.

In this article, we’ll see how we can identify what makes our TTFB high so we can fix it.