DEV Community: deexter

Observable

deexter — Fri, 20 Dec 2024 19:34:45 +0000

Debugging and monitoring

deexter — Thu, 25 Mar 2021 21:25:55 +0000

I recently struggled with monitoring FE application.
I had no idea how to monitor errors in your SPA, so I made some research of cloud monitoring tools, but I was not able to decide which one to choose.
You are also able to listen window events, but is it good enough?
Every tool has pros and cons.
Could you help me with your experience and how do you monitor you application?
I will appretiate your comments.

I have just one more thing to ask, if you debug node.js application do you use just console.log to understand what is going on, or do you use debugger?

Facebook widget

deexter — Fri, 05 Feb 2021 22:26:13 +0000

I recently started to crate my app to create daily menus for restaurants.
My idea was to provide widget with daily menus on facebook page and same for restaurant website.

I know that is possilbe to share facebook widget on your site, but what if you want share your widget on facebook?

I didn´t find any tutorials or article if it is possible.
Do you think it is possible or my idea?
Let me know if you have any experience in this.

Ne(u)xt.JS SSR with dynamic metadata

deexter — Sun, 24 Jan 2021 22:21:57 +0000

Hi,
In my recent project we decided to use server side rendering to increase SEO.

Our goal is to store metadata like title and etc in CMS like contentful.
So we have to make for every request for page request to contentful.

This slowing down response even if it is very fast.
This cost just 1 request, but what if I want data for my client side application?
Sometimes query could be very slow.

Is there possibility to render meta tags server side and rest of content with SPA?
I thing this will have negative impact for SEO.

Is there any other and better way, than static site generator?

Have you ever struggled with this?
I’ll be very happy if you share your experience.

Vue3 event emitter

deexter — Fri, 08 Jan 2021 20:51:19 +0000

I recently have been asked to make micro-frontend with webpack plugin Module federation
This micro-frontend used vuex library before, but it was used only for opening/closing modals.

So we tended to replace it with something more simple.
Among our candidates was mitt, which is very tiny library.

import mitt from "mitt";
export const emitter = mitt();

Our first try was register emitter in mounted lifecycle method.

export default defineComponent({
...
  mounted() {   
    this.emitter.on("open-modal", name => { 
      this.shouldDisplay = name === ModalType.ThankYou; 
    }); 
  },
...

This works only if you use emitter in another component, but if you want emit outside of vue component, it does not work.
This is probably caused, because you have to have instance of Vue app and if you use recommended getcurrentinstance you get null outside of vue components.

If you want to use it like we do, with hooks

import {emitter} from "../utils/emitter";

export const useModal = () => {
  const openModal = (name: string) => {
    emitter.emit('open-modal', name)
  }
  const closeModal = () => {
    emitter.emit('open-modal', '')
  }
  return { openModal, closeModal };
}

You have to register event listener also with hook

<template>
  <Modal :isOpen="shouldDisplay" @close-modal="closeModal">
...
  </Modal>
</template>

<script lang="ts">
...
export default defineComponent({
  name: "CustomModal",
  components: {
    Modal,
  },
  setup() {
    const {closeModal} = useModal();
    onMounted(() => {
      emitter.on("open-modal", name => {
        shouldDisplay.value = name === ModalType.ThankYou;
      })
    })
    return {
      closeModal,
      shouldDisplay,
    };
  }
});
</script>

Do you have also experience with event emitter?
Share your ideas.

setTimeout in nodeJS

deexter — Mon, 31 Aug 2020 07:31:07 +0000

We recently started with building new messaging service, that should be made with request reply pattern.

We had no much experience how nodeJS works so we struggled with setting timeout.
Initialy we thought this should work

If you will write code like us you will never get out of while loop, because setTimeout will never be executed.

It is caused because nodeJs has event loop and you have to pass context

Have you ever struggled with same problem?
Share your ideas.