Cara Instalasi ReactJS 바하사 인도네시아

Cara instalasi React sangat mudah sekali, untuk saat ini terdapat dua cara untuk menginstall React, Cara pertama dan yang paling mudah adalah dengan CDN(Content Delivery Network) dan cara kedua adalah dengan 패키지 관리자, kalian dapat kalian data jngdikanpm bahasa lain seperti PHP, npm/yarn adalah composernya javascript, jika kalian dari python ini adalah pip-nya.

멩구나칸 CDN

Pertama: Hubungkan React dengan HTML ID입니다.

Pertama-tama, buka 파일 HTML kalian, lalu tambahkan kode berikut.

<!-- ... diatas ini adlh HTML kalian ... -->

<div id="like_button_container"></div>

<!-- ... dibwh ini adlh HTML kalian ... -->

Nantinya, Id dalam div tersebut berfungsi untuk menghubungkan HTML dengan React.

Kedua: Tambahkan 반응 스크립트

Tambahkan kode berikut tepat sebelum 바디 태그 칼리안. 케나파 피지 바디 태그? agar HTML kalian tereksekusi terlebih dahulu, baru script nya. 장안 말라 스크립트냐 둘루 양 디엑세쿠시.

  <!-- ... diatas ini HTML klian ... -->

  <!-- Load React. -->
  <!-- Note: when deploying, replace "development.js" with "production.min.js". -->
  <script src="https://unpkg.com/react@17/umd/react.development.js" crossorigin></script>  <script src="https://unpkg.com/react-dom@17/umd/react-dom.development.js" crossorigin></script>
  <!-- Load our React component. -->
  <script src="like_button.js"></script>
</body>

케티가: 부아트 성분

Tambahkan file bernamalike_button.js taruh di 폴더 yang sama dengan HTML kalian. 랄루 코파스 코드 베리쿠트.

'use strict';

const e = React.createElement;

class LikeButton extends React.Component {
  constructor(props) {
    super(props);
    this.state = { liked: false };
  }

  render() {
    if (this.state.liked) {
      return 'You liked this.';
    }

    return e(
      'button',
      { onClick: () => this.setState({ liked: true }) },
      'Like'
    );
  }
}


const domContainer = document.querySelector('#like_button_container');
ReactDOM.render(e(LikeButton), domContainer);

Kedua baris terakhir akan mencari <div> 요소 dan akan menghubungkannya kedalam HTML.

Instalasi Menggunakan 패키지 관리자, NPM/Yarn

Pertama: NodeJS, NPM / Yarn 설치

NodeJS 설치disini, jika kalian install NodeJS, npm akan terinstall secara otomatis

Kedua: Buka CLI(명령줄 인터페이스)

Jika sudah, jalankan perintah berikut,

npx create-react-app my-app
cd my-app
npm start

Disini, my-app adalah nam 폴더 다리 프로젝트 칼리안.
btw, npx disini bukan typo ya.. :P
세키안 블로그 kali ini, terimakasih semoga bermanfaat. :디

참고: React nggak ngehandle 백엔드 로직 seperti 데이터베이스 CRUD, react cuma nampilin bagian depan halaman(프론트엔드)