Langsung ke konten utama

Postingan

Menampilkan postingan dengan label react js

BELAJAR MEMBUAT LINK NAVIGASI DENGAN REACT-ROUTER-DOM DI REACT JS

Membuat navigasi dengan react js: install apps baru dengan nama navigasiku - Setelah terinstall masuk ke apps navigasiku - Install react-router-dom dan bootstrap npm install react-router-dom bootstrap - Pastikan di package.json react-router-dom dan boostrap sudah terinstall {   "name": "navigasi",   "version": "0.1.0",   "private": true,   "dependencies": {     "@testing-library/jest-dom": "^5.17.0",     "@testing-library/react": "^13.4.0",     "@testing-library/user-event": "^13.5.0",     "bootstrap": "^5.3.3",     "react": "^18.3.1",     "react-dom": "^18.3.1",     "react-router-dom": "^6.23.1",     "react-scripts": "5.0.1",     "web-vitals": "^2.1.4"   }, - buat Home.js import React from 'react' const Home = () => {   return (     <d...

BELAJAR REACTJS - MEMBUAT APLIKASI LIST KEGIATAN HARIAN

  Dalam benyak referensi ReactJS yang saya pelajari, biasanya untuk memahami dasar-dasar react mengambil contoh pembuatan Aplikasi harian atau to do list. 1.    Membuat Form Aktivitas Harian Pertama, tentu harus menyiapkan form untuk input data aktivitas harian. a.       Langkah 1 Kita buat Aplikasi di folder yang kita inginkan kemudian kita buat apps sbb: Create-react-app appkegiatan b.       Kemudian npm start Kemudian buka di VSCode Anda. c.       Tulis Script App.js sbb:   import React , { Component } from 'react' ; import './App.css' ;   class App extends Component {    render () {     return (       < div >         < h3 > Membuat Aplikasi List Kegiatan dengan React JS </ h3 >         < hr />         < form ref = "f...