Heloooooooooooo

di blog ini saya bakal share perkodingan..

mudah2an bisa istiqomah bikin konten

Komentar

Posting Komentar

postingan lainnya

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>
Baca selengkapnya

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...
Baca selengkapnya

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...
Baca selengkapnya