vitest, @testing-library/react, @testing-library/jest-dom, jsdom

Align, Aspect Ratio, Baseline, Center, Constrained Box, Container, Expanded, FittedBox, FractionallySizedBox, IntrinsictHeight & IntrinsictWidth, LimitedBox, Offstage, OverflowBox, Padding, SizedBox, SizedOverflowBox

Align, Aspect Ratio, Baseline, Center, Constrained Box, Container, Expanded, FittedBox, FractionallySizedBox, IntrinsictHeight & IntrinsictWidth, LimitedBox, Offstage, OverflowBox, Padding, SizedBox, SizedOverflowBox

future, future.wait, async await

jenis-jenis exception built-in, try catch finally, menangkap exception spesifik, stack trace, melempar exception (throw), custom exception

abstract class, interface, multiple interface, mixin, multiple mixin, mixin dengan constraints (on), encapsulation, encapsulation (getter & setter), static members, polymorphism

class & object, constructor, shortcut constructor, named constructor, constructor dengan parameter opsional, inheritance

void function, return function, arrow function, anonym function, first class function, positional parameter, optional parameter, named parameter, lexical closure, tipe function, high order function.

for, while, do while, for in, forEach, labels, break, continue

if, else, else if, switch case, ternary

int, double, num, String, bool, List<T>, Set<T>, Map<key, value>, var, final, const, Object, Null Safety (?), is, as, runtimeType

Variable, Constant

List pertanyaan dan jawaban interview frontend bagian 2.

List pertanyaan dan jawaban interview frontend.

snapshot

matcher jest, assert chai, concurrent, .skip, .only

syntax highlighter

Fetching via server dengan fetch, Fetch tidak akan mencache, revalidate berdasarkan waktu, revalidate berdasarkan tag

Api routes, caching data

fitur ini dipakai twitter, linkedin, instagram. saat menampilkan detail data pada dialog.

slot (@analytic, @other), default.tsx (untuk fallback jika file page.tsx tidak ada), loading & error UI

Dynamic route, Catch-all Segments, Optional Catch-all Segments

error.tsx, global-error.tsx, not-found.tsx

loading.tsx, pengertian streaming, streaming dengan <Suspense />

next/link, active link with usePathname(), useRouter(), redirect()

Memahami router, page, layout, template, metadata

python tidak mendukung contants

Memperbaiki esbuild yang error pada kodingan kita.

contoh generic function dengan generic interface untuk types dinamis.

<K extends keyof T> keyof adalah operator yang menghasilkan union type dari semua kunci (keys) yang ada dalam suatu object. Ini sangat berguna ketika kita ingin membatasi nilai ke salah satu kunci objek tertentu.

<T extends string> Constraints (extends) digunakan untuk membatasi jenis (type) parameter generik ke subset tertentu dari tipe lain. Ini memastikan bahwa parameter tersebut memiliki bentuk tertentu atau memenuhi kriteria tertentu.

Belajar generic function typescript

Belajar generic type yang ada pada typescript

Belajar advance types yang ada pada typescript

Belajar OOP yang ada pada typescript

Belajar function yang ada pada typescript

mendukung fungsi dengan berbagai skenario input dan output.

membuat tipe baru berdasarkan tipe yang ada dengan memetakan properti tipe sumber, builtin (partial, required, pick, omit, record, exclude, extract)

mirip seperti narrowing namun lebih spesifik lagi

untuk mengecek sebuah tipe pada parameter dengan menggunakan (typeof, instanceof, dll)

enum adalah fitur TypeScript untuk mendefinisikan sekumpulan nilai konstan dengan nama yang lebih deskriptif. enum berguna untuk membuat kode lebih terbaca, terorganisir, dan mudah dikelola.

Index signature di TypeScript digunakan untuk membuat tipe yang fleksibel ketika kita tidak tahu nama properti dari suatu objek, tapi tahu tipe dari key dan value-nya. Ini berguna untuk objek dengan properti dinamis atau jumlah properti yang tidak tetap.

string, boolean, number, Symbol, Array, any, tuples, enum, union, literal, type, unknown, assertion

Syntax javascript yang wajib digunakan ini akan mempermudah dan mempercepat proses koding kita.