Diskusi Darren Ezra

Selesai
Darren Ezra
Ditanyakan pada: JSX

JSX dan JS

Setelah melihat beberapa artikel, dan penggunaan React di Youtube. Untuk buat Komponen, ada beberapa yang pake .JSX dan beberapa pake .JS, itu kenapa ya ? atau emang selera aja untuk makenya ? atau sama saja ?

2 Jawaban

Avatar
BroKoding

2 bulan yang lalu

Jawaban Terpilih

Halo kak, pada react, kedua jenis file .js dan .jsx digunakan untuk menulis komponen-komponen.

File .js berisi kode javascript biasa dan juga dapat digunakan untuk mendefinisikan komponen-komponen react. Namun, saat menulis komponen dalam file .js, kita biasanya perlu menggunakan fungsi React.createElement() untuk membuat elemen-elemen React. Ini dapat menghasilkan kode yang lebih panjang dan kurang mudah dibaca, terutama ketika berurusan dengan komponen-komponen kompleks

Contoh :

const MyComponent = () => {
  return React.createElement('div', null, 'Helllo world!');
};

File .jsx dirancang khusus untuk menulis komponen-komponen react. File-file ini memungkinkan kita menggunakan sintaks JSX (JavaScript XML), yang merupakan cara yang lebih alami dan ringkas untuk mendeskripsikan struktur dari komponen UI. JSX memungkinkan kita menulis kode mirip HTML di dalam kode javascript kita, sehingga lebih mudah memvisualisasikan dan bekerja dengan struktur komponen.

Contoh :

const MyComponent = () => {
  return <div>Hello world!</div>;
};
Avatar
Muhammad Fakhry Burhanuddin

2 bulan yang lalu

Sebenarnya itu sama saja.

Memakai file dengan ekstension jsx supaya gampang dikenali bahwa kode itu adalah kode jsx.

Jadi biasakan memakai ekstensi jsx untuk kita gampang mengenali filenya.