P3-Challenge-1

• Tema Aplikasi: ...
• CSS Framework: ...

Struktur Folder:

• server (PORT: 3000)
• client-user
• client-admin

W1D1

Target:

• Lecture - React Intro
• React: Class Component vs Function Component
• Mempelajari State menggunakan useState
• Mengirim Props baik berupa sebuah state atau function
• Event Handling (onClick, onChange, onSubmit)
• Conditional Rendering di dalam React
• Looping List of Data di dalam React
• Lifecycle component menggunakan useEffect
• Membuat server (json-server)
• Membuat react app untuk client-user (Styling)
• Membuat react app untuk client-admin (CRUD)
• Menentukan Thema Aplikasi
• Menentukan Design dan pemilihan CSS Framework

Report:

...

contoh: Hari ini saya belajar React Component. Saya memahami bagaimana cara React bekerja. Lifecycle yang sudah saya coba adalah componentDidMount yang digunakan untuk fetch data dst. Namun saya belum mencoba menggunakan onSubmit dikarenakan data yang didapat belum sesuai. Pada tugas ini, saya memilih Tema A dengan mengambil referensi dari B. Saya juga akan menggunakan CSS Framework yaitu Tailwind CSS

W1D2

Target:

• Lecture - Custom Hooks
• Rules of Hooks
• Lecture - React-Router
• Membuat router user-side (min: home, detail)
• Membuat router admin-side (min: login, add admin, CRUD main entitas, CRUD another entitas)
• Membuat privateRoute untuk admin

Report:

...

W1D3

Target:

• Lecture - Redux
• State vs Global State
• Bagaimana cara membuat Store
• Bagaimana cara membuat Reducer
• Bagaimana cara membuat Action
• Membuat Action Creators
• Membuat Action Types
• Lecture - Redux-thunk (handle async)
• Cara menggunakan combineReducers

Report:

...

W1D4

Target:

• Lecture - SQL Transaction
• Membuat server mengguanakan express.js, postgreSQL dan Sequelize
• Menentukan associations antar tables
• Lecture - AWS EC2
• Membuat transaction saat membuat entitas baru pada main table. Pastikan ada assosiasi di dalamnya

Report:

...

W1D5

Target:

• LC Simulation
• Practice, Practice, Practice

Report:

...