Postingan

chat app #3b - menghubungkan UI dengan graphql API

install recoil npm install recoil src/recoil.js import { atom } from "recoil"; export const selectedUserState = atom({ key: "selectedUser", default: null, }); src/pages/Main/Message/index.js setTimeout(() => { const cb = document.getElementById("chat-content").parentElement; if (cb) { cb.scrollTop = cb.scrollHeight; } }, 200); updated query (src/pages/Main/Message/index.js) subscription MyQuery($where: messages_bool_exp = {}) { messages(where: $where, order_by: { createdAt: asc }) { id fromUserId message fromUser { name picture } createdAt } } update variable params (src/pages/Main/Message/index.js) let params = { where: {} }; if (selectedUser && !selectedUser.id) { params.where = { toUserId: { _is_null: true, }, }; } else if (selectedUser && selectedUser.id) { params.wh

chat app #3a - Bikin aplikasi chat pakai ReactJS

Gambar
auto format onsave: .vscode/settings.json { "editor.formatOnSave": true, }

npm start error - Fatal error in , line 0 # Check failed: allocator->SetPermissions(reinterp........

Gambar
  https://github.com/facebook/create-react-app/issues/10090 Solusi: unlink existing node dan reinstall node 15, sehingga kita dapat node v15 yang latest    brew unlink node    brew install node@15 ❯ node -v   v15.13.0 Setelah itu coba lagi  npm start

gopls not working at apple m1 visual studio code 1.54.3

 ini output errornya Tools environment: GOPATH=/Users/rifanfauzi/go Installing 1 tool at /Users/rifanfauzi/go/bin in module mode. [email protected] Installing golang.org/x/tools/[email protected] FAILED { "killed": false, "code": 2, "signal": null, "cmd": "/usr/local/go/bin/go get -v golang.org/x/tools/[email protected]", "stdout": "", "stderr": "os/user\n# os/user\nxcrun: error: invalid active developer path (/Library/Developer/CommandLineTools), missing xcrun at: /Library/Developer/CommandLineTools/usr/bin/xcrun\n" } 1 tools failed to install. gopls: failed to install gopls(golang.org/x/tools/[email protected]): Error: Command failed: /usr/local/go/bin/go get -v golang.org/x/tools/[email protected] os/user # os/user xcrun: error: invalid active developer path (/Library/Developer/CommandLineTools), missing xcrun at: /Library/Developer/CommandLineTools/usr/bin/xcrun no output solusinya adalah xcode-select --

Cara GAMPANG bikin syntax/code highlighter di blogger/blogspot TERBARU 2021

Gambar
Setelah melakukan banyak try and error akhirnya saya menemukan cara yang enak dan mudah untuk masukin code snippet ke blog saya ini.  Masuk ke menu layout Tambahkan HTML/Javascript gadget  Masukkan code ini dan simpan <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/highlight.js/10.6.0/styles/atom-one-dark.min.css" /> <script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/10.6.0/highlight.min.js"></script> <script>hljs.highlightAll();</script> lalu kalian tinggal pakai syntax seperti ini di dalam setiap postingan bloggernya. *note: ganti html dengan bahasa yang sesuai. list bahasa pemgrogramannya ada disini <pre><code class="html"> // simpan codenya disini </code></pre>

chat-app #2: konfigurasi auth0 & hasura untuk backend aplikasi chat tanpa harus coding

Gambar
Ini adalah bahan untuk video youtube diatas: Link untuk deploy hasura ke heroku =>  DEPLOY HASURA KE HEROKU Code snippet auth0 rules.  function (user, context, callback) { const userId = user.user_id; const fullname = user.name; const picture = user.picture; const email = user.email; const admin_secret = "<hasura-admin-secret>"; const url = "https://<heroku-app-name>.herokuapp.com/v1/graphql"; request.post({ headers: {'content-type' : 'application/json', 'x-hasura-admin-secret': admin_secret}, url: url, body: `{\"query\":\"mutation($userId: String!, $fullname: String, $picture: String, $email: String) {\\n insert_users(\\n objects: [{ id: $userId, name: $fullname, picture: $picture, email: $email}]\\n on_conflict: {\\n constraint: users_pkey\\n update_columns: [name]\\n }\\n ) {\\n af

Cara Lapor SPT Tahunan dengan E-Form bagi freelancer 2021

Gambar
 Disini saya cuma share cara saya lapor SPT.. Saat ini pekerjaan saya adalah programmer yang bekerja secara freelance (proyekan) tanpa ada badan hukum atau PT yang menaungi.. Pertama siapkan rekap penghasilan selama 1 tahun di xls. Seperti ini contohnya: selanjutnya buka DJP online  https://djponline.pajak.go.id/account/login . Jika kalian belum melakukan registrasi dan belum memiliki nomor efin, silakan datang ke KPP terdekat dengan membawa fotokopi KTP dan NPWP untuk melakukan aktivasi efin.  lalu masuk menu Lapor dan klik e-Form PDF  klik Buat SPT, Pilih Ya dan klik ' E-Form SPT Tahunan Orang Pribadi Formulir 1770 '  Isikan seperti dibawah ini, Lalu klik Kirim Permintaan. Setelah klik 'kirim permintaan', kalian akan dapat form SPTnya. simpan di tempat yang kalian inginkan.     Pada saat yang bersamaan pula kalian akan dapat email berisi kode verifikasi yang nantinya akan diperlukan saat mengunggah SPT.  Jika kalian belum punya adobe acrobat reader. download dulu di m