Belajar Vue

Tujuan Akhir

Mampu membangun frontend modern menggunakan Vue 3 (Composition API) dengan Vite sebagai bundler, dan mengintegrasikannya secara efisien dalam proyek Yii2.

First Step With EcmaScript 6

4.2 From `var` to `let / const`

4.3 From IIFEs to blocks **keyword: block scope with `let` as variable name

4.4 From concatenating strings to template literals **keyword: backtick dan tanda ${namaVariable}, dan `\n` untuk multiline strings

4.5 From function expressions to arrow functions **keyword: operator `this`, dan `=>` `fat arrow`

4.6 Handling multiple return values **keyword `exec()`, `destructuring`, `Object.getOwnPropertyDescriptor()` return a property descriptors

4.7 From `for` to `forEach()` to `for-of`

4.8 Handling parameter default values **keyword: parameter di dalam sebuah function mempunyai nilai default

4.9 Handling named parameters **keyword, penggunaan `options object pattern`, setup `parameter optional`

4.10 From `arguments` to `rest arguments`, :keyword `ES5 sepecial variable "arguments" `, `ES6 three dots`

4.11 From `apply()` to the spread operator (...)

4.12 From `concat()` to the spread operator (...)

4.13 From constructors to classes

4.14 From `custom error constructors` to subclasses of `Error`

4.15 From `function expressions` in `object literals` to `method definitions`

4.16 From `objects` to `Maps`

4.17 From CommonJs modules to ES6 modules, **keyword: `Multiple exports` dengan menggunakan `export` baik untuk `function`, `const`. Juga Single exports use `export default function` in ES6

6.3 New static `Number` properties

6.4 Math

7.3 String Interpolation, multi line string literals and raw string literals

8. Symbols **keyword, bisa digunakan pada beberapa use case `unique property keys`, `constants represeting concepts`

8.8 JSON and symbols

9. Template literals => (are string literals that can stretch across multiple lines and include interploated expressions) and

    `tagged templates` => ( created by mentioning a function before a template literal )

10. Variables and scoping

10.1.1 let **block-scoped

10.1.2 const ** must be immediately initialized that can`t changed afterward

10.2 Block scoping via `let` and `const`

10.3 `const` create immutable variables

10.3.1 Pitfall: const does not make the value immutable ** keyword, freezing it

10.3.2 const in loop bodies

10.4 The temporal dead zone (TDZ) ** keyword, temporal(based on time) and not spatial(based on location)

10.5 let and const in loop heads ** keyword, `for loop`

10.6.1 Parameters versus local variables

10.6.2 Parameter default values and the temporal dead zone

10.7 The global object **keyword, `window in browser`, `global in NodeJS`

10.8 Function declarations and class declarations

10.9 Coding style: `var`, vs `let` vs `const`, **recommended: ALWAYS USE `LET` AND `CONST`

use `const` for things that are completely immutable.

use `let` for mutable things

This is not a hard and fast rule. I don't see a problem with using const for a mutable object.

11. Destructuring

=> a convenient way to extract values from data stored in (possibly nested) objects and Arrays

11.2 Background, constructing data(object and Array literals) vs extracting data (destructuring)

Dukung Saya supaya tetap menulis artikel-artikel yang baik, membayar sewa domain, dan server untuk blog ini. Caranya dengan donasi cendol via Trakteer.id.