├── 1-pendahuluan ├── 1-dom-manipulation │ └── index.html ├── 10-exercise-complex-counter │ └── index.html ├── 2-getting-start-with-react │ ├── img │ │ └── img.png │ └── index.html ├── 3-create-component │ └── index.html ├── 4-nested-components │ └── index.html ├── 5-props │ └── index.html ├── 6-props-refactor │ └── index.html ├── 7-iterating-through-lists │ └── index.html ├── 8-event-handling │ └── index.html └── 9-exercise-simple-counter │ └── index.html ├── 2-instalasi-dan-konfigurasi ├── .eslintrc.cjs ├── .gitignore ├── index.html ├── package.json ├── pnpm-lock.yaml ├── public │ └── vite.svg ├── src │ ├── App.jsx │ ├── components │ │ └── Header.jsx │ └── main.jsx └── vite.config.js ├── 3-tic-tac-toe ├── .eslintrc.cjs ├── .gitignore ├── index.html ├── package.json ├── pnpm-lock.yaml ├── public │ └── vite.svg ├── src │ ├── App.jsx │ ├── assets │ │ └── react.svg │ ├── index.css │ └── main.jsx └── vite.config.js ├── 4-catatan-belanja ├── final-app │ ├── .eslintrc.cjs │ ├── .gitignore │ ├── README.md │ ├── index.html │ ├── package.json │ ├── pnpm-lock.yaml │ ├── public │ │ ├── img │ │ │ └── paper-bg.jpg │ │ └── vite.svg │ ├── src │ │ ├── assets │ │ │ └── react.svg │ │ ├── components │ │ │ ├── App.jsx │ │ │ ├── Footer.jsx │ │ │ ├── Form.jsx │ │ │ ├── GroceryList.jsx │ │ │ ├── Header.jsx │ │ │ └── Item.jsx │ │ ├── index.css │ │ └── main.jsx │ └── vite.config.js ├── package-lock.json └── starter-template │ ├── img │ └── paper-bg.jpg │ ├── index.css │ └── index.html └── 5-semua-tentang-component └── starter-app ├── App.css └── App.jsx /1-pendahuluan/1-dom-manipulation/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sandhikagalih/belajar-react-untuk-pemula/HEAD/1-pendahuluan/1-dom-manipulation/index.html -------------------------------------------------------------------------------- /1-pendahuluan/10-exercise-complex-counter/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sandhikagalih/belajar-react-untuk-pemula/HEAD/1-pendahuluan/10-exercise-complex-counter/index.html -------------------------------------------------------------------------------- /1-pendahuluan/2-getting-start-with-react/img/img.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sandhikagalih/belajar-react-untuk-pemula/HEAD/1-pendahuluan/2-getting-start-with-react/img/img.png -------------------------------------------------------------------------------- /1-pendahuluan/2-getting-start-with-react/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sandhikagalih/belajar-react-untuk-pemula/HEAD/1-pendahuluan/2-getting-start-with-react/index.html -------------------------------------------------------------------------------- /1-pendahuluan/3-create-component/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sandhikagalih/belajar-react-untuk-pemula/HEAD/1-pendahuluan/3-create-component/index.html -------------------------------------------------------------------------------- /1-pendahuluan/4-nested-components/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sandhikagalih/belajar-react-untuk-pemula/HEAD/1-pendahuluan/4-nested-components/index.html -------------------------------------------------------------------------------- /1-pendahuluan/5-props/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sandhikagalih/belajar-react-untuk-pemula/HEAD/1-pendahuluan/5-props/index.html -------------------------------------------------------------------------------- /1-pendahuluan/6-props-refactor/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sandhikagalih/belajar-react-untuk-pemula/HEAD/1-pendahuluan/6-props-refactor/index.html -------------------------------------------------------------------------------- /1-pendahuluan/7-iterating-through-lists/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sandhikagalih/belajar-react-untuk-pemula/HEAD/1-pendahuluan/7-iterating-through-lists/index.html -------------------------------------------------------------------------------- /1-pendahuluan/8-event-handling/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sandhikagalih/belajar-react-untuk-pemula/HEAD/1-pendahuluan/8-event-handling/index.html -------------------------------------------------------------------------------- /1-pendahuluan/9-exercise-simple-counter/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sandhikagalih/belajar-react-untuk-pemula/HEAD/1-pendahuluan/9-exercise-simple-counter/index.html -------------------------------------------------------------------------------- /2-instalasi-dan-konfigurasi/.eslintrc.cjs: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sandhikagalih/belajar-react-untuk-pemula/HEAD/2-instalasi-dan-konfigurasi/.eslintrc.cjs -------------------------------------------------------------------------------- /2-instalasi-dan-konfigurasi/.gitignore: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sandhikagalih/belajar-react-untuk-pemula/HEAD/2-instalasi-dan-konfigurasi/.gitignore -------------------------------------------------------------------------------- /2-instalasi-dan-konfigurasi/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sandhikagalih/belajar-react-untuk-pemula/HEAD/2-instalasi-dan-konfigurasi/index.html -------------------------------------------------------------------------------- /2-instalasi-dan-konfigurasi/package.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sandhikagalih/belajar-react-untuk-pemula/HEAD/2-instalasi-dan-konfigurasi/package.json -------------------------------------------------------------------------------- /2-instalasi-dan-konfigurasi/pnpm-lock.yaml: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sandhikagalih/belajar-react-untuk-pemula/HEAD/2-instalasi-dan-konfigurasi/pnpm-lock.yaml -------------------------------------------------------------------------------- /2-instalasi-dan-konfigurasi/public/vite.svg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sandhikagalih/belajar-react-untuk-pemula/HEAD/2-instalasi-dan-konfigurasi/public/vite.svg -------------------------------------------------------------------------------- /2-instalasi-dan-konfigurasi/src/App.jsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sandhikagalih/belajar-react-untuk-pemula/HEAD/2-instalasi-dan-konfigurasi/src/App.jsx -------------------------------------------------------------------------------- /2-instalasi-dan-konfigurasi/src/components/Header.jsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sandhikagalih/belajar-react-untuk-pemula/HEAD/2-instalasi-dan-konfigurasi/src/components/Header.jsx -------------------------------------------------------------------------------- /2-instalasi-dan-konfigurasi/src/main.jsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sandhikagalih/belajar-react-untuk-pemula/HEAD/2-instalasi-dan-konfigurasi/src/main.jsx -------------------------------------------------------------------------------- /2-instalasi-dan-konfigurasi/vite.config.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sandhikagalih/belajar-react-untuk-pemula/HEAD/2-instalasi-dan-konfigurasi/vite.config.js -------------------------------------------------------------------------------- /3-tic-tac-toe/.eslintrc.cjs: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sandhikagalih/belajar-react-untuk-pemula/HEAD/3-tic-tac-toe/.eslintrc.cjs -------------------------------------------------------------------------------- /3-tic-tac-toe/.gitignore: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sandhikagalih/belajar-react-untuk-pemula/HEAD/3-tic-tac-toe/.gitignore -------------------------------------------------------------------------------- /3-tic-tac-toe/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sandhikagalih/belajar-react-untuk-pemula/HEAD/3-tic-tac-toe/index.html -------------------------------------------------------------------------------- /3-tic-tac-toe/package.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sandhikagalih/belajar-react-untuk-pemula/HEAD/3-tic-tac-toe/package.json -------------------------------------------------------------------------------- /3-tic-tac-toe/pnpm-lock.yaml: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sandhikagalih/belajar-react-untuk-pemula/HEAD/3-tic-tac-toe/pnpm-lock.yaml -------------------------------------------------------------------------------- /3-tic-tac-toe/public/vite.svg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sandhikagalih/belajar-react-untuk-pemula/HEAD/3-tic-tac-toe/public/vite.svg -------------------------------------------------------------------------------- /3-tic-tac-toe/src/App.jsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sandhikagalih/belajar-react-untuk-pemula/HEAD/3-tic-tac-toe/src/App.jsx -------------------------------------------------------------------------------- /3-tic-tac-toe/src/assets/react.svg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sandhikagalih/belajar-react-untuk-pemula/HEAD/3-tic-tac-toe/src/assets/react.svg -------------------------------------------------------------------------------- /3-tic-tac-toe/src/index.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sandhikagalih/belajar-react-untuk-pemula/HEAD/3-tic-tac-toe/src/index.css -------------------------------------------------------------------------------- /3-tic-tac-toe/src/main.jsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sandhikagalih/belajar-react-untuk-pemula/HEAD/3-tic-tac-toe/src/main.jsx -------------------------------------------------------------------------------- /3-tic-tac-toe/vite.config.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sandhikagalih/belajar-react-untuk-pemula/HEAD/3-tic-tac-toe/vite.config.js -------------------------------------------------------------------------------- /4-catatan-belanja/final-app/.eslintrc.cjs: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sandhikagalih/belajar-react-untuk-pemula/HEAD/4-catatan-belanja/final-app/.eslintrc.cjs -------------------------------------------------------------------------------- /4-catatan-belanja/final-app/.gitignore: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sandhikagalih/belajar-react-untuk-pemula/HEAD/4-catatan-belanja/final-app/.gitignore -------------------------------------------------------------------------------- /4-catatan-belanja/final-app/README.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sandhikagalih/belajar-react-untuk-pemula/HEAD/4-catatan-belanja/final-app/README.md -------------------------------------------------------------------------------- /4-catatan-belanja/final-app/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sandhikagalih/belajar-react-untuk-pemula/HEAD/4-catatan-belanja/final-app/index.html -------------------------------------------------------------------------------- /4-catatan-belanja/final-app/package.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sandhikagalih/belajar-react-untuk-pemula/HEAD/4-catatan-belanja/final-app/package.json -------------------------------------------------------------------------------- /4-catatan-belanja/final-app/pnpm-lock.yaml: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sandhikagalih/belajar-react-untuk-pemula/HEAD/4-catatan-belanja/final-app/pnpm-lock.yaml -------------------------------------------------------------------------------- /4-catatan-belanja/final-app/public/img/paper-bg.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sandhikagalih/belajar-react-untuk-pemula/HEAD/4-catatan-belanja/final-app/public/img/paper-bg.jpg -------------------------------------------------------------------------------- /4-catatan-belanja/final-app/public/vite.svg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sandhikagalih/belajar-react-untuk-pemula/HEAD/4-catatan-belanja/final-app/public/vite.svg -------------------------------------------------------------------------------- /4-catatan-belanja/final-app/src/assets/react.svg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sandhikagalih/belajar-react-untuk-pemula/HEAD/4-catatan-belanja/final-app/src/assets/react.svg -------------------------------------------------------------------------------- /4-catatan-belanja/final-app/src/components/App.jsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sandhikagalih/belajar-react-untuk-pemula/HEAD/4-catatan-belanja/final-app/src/components/App.jsx -------------------------------------------------------------------------------- /4-catatan-belanja/final-app/src/components/Footer.jsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sandhikagalih/belajar-react-untuk-pemula/HEAD/4-catatan-belanja/final-app/src/components/Footer.jsx -------------------------------------------------------------------------------- /4-catatan-belanja/final-app/src/components/Form.jsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sandhikagalih/belajar-react-untuk-pemula/HEAD/4-catatan-belanja/final-app/src/components/Form.jsx -------------------------------------------------------------------------------- /4-catatan-belanja/final-app/src/components/GroceryList.jsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sandhikagalih/belajar-react-untuk-pemula/HEAD/4-catatan-belanja/final-app/src/components/GroceryList.jsx -------------------------------------------------------------------------------- /4-catatan-belanja/final-app/src/components/Header.jsx: -------------------------------------------------------------------------------- 1 | export default function Header() { 2 | return

Catatan Belanjaku 📝

; 3 | } 4 | -------------------------------------------------------------------------------- /4-catatan-belanja/final-app/src/components/Item.jsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sandhikagalih/belajar-react-untuk-pemula/HEAD/4-catatan-belanja/final-app/src/components/Item.jsx -------------------------------------------------------------------------------- /4-catatan-belanja/final-app/src/index.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sandhikagalih/belajar-react-untuk-pemula/HEAD/4-catatan-belanja/final-app/src/index.css -------------------------------------------------------------------------------- /4-catatan-belanja/final-app/src/main.jsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sandhikagalih/belajar-react-untuk-pemula/HEAD/4-catatan-belanja/final-app/src/main.jsx -------------------------------------------------------------------------------- /4-catatan-belanja/final-app/vite.config.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sandhikagalih/belajar-react-untuk-pemula/HEAD/4-catatan-belanja/final-app/vite.config.js -------------------------------------------------------------------------------- /4-catatan-belanja/package-lock.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sandhikagalih/belajar-react-untuk-pemula/HEAD/4-catatan-belanja/package-lock.json -------------------------------------------------------------------------------- /4-catatan-belanja/starter-template/img/paper-bg.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sandhikagalih/belajar-react-untuk-pemula/HEAD/4-catatan-belanja/starter-template/img/paper-bg.jpg -------------------------------------------------------------------------------- /4-catatan-belanja/starter-template/index.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sandhikagalih/belajar-react-untuk-pemula/HEAD/4-catatan-belanja/starter-template/index.css -------------------------------------------------------------------------------- /4-catatan-belanja/starter-template/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sandhikagalih/belajar-react-untuk-pemula/HEAD/4-catatan-belanja/starter-template/index.html -------------------------------------------------------------------------------- /5-semua-tentang-component/starter-app/App.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sandhikagalih/belajar-react-untuk-pemula/HEAD/5-semua-tentang-component/starter-app/App.css -------------------------------------------------------------------------------- /5-semua-tentang-component/starter-app/App.jsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sandhikagalih/belajar-react-untuk-pemula/HEAD/5-semua-tentang-component/starter-app/App.jsx --------------------------------------------------------------------------------