How I Manage My Tasks & Reach My Goals as a Startup Founder

https://api.typedream.com/v0/app/collection_content/9a69c3cb-ae94-4963-9d9b-90476d4a29b4_7a8fb22a-0b7c-4aa6-9e5a-82fe0c9cf9ea_collection_rich_content.json

https://api.typedream.com/v0/app/collection_content/9a69c3cb-ae94-4963-9d9b-90476d4a29b4_7a8fb22a-0b7c-4aa6-9e5a-82fe0c9cf9ea_published_collection_rich_content.json

How I Avoid Burnout & Deal with Anxiety as a Founder

https://api.typedream.com/v0/app/collection_content/627aadea-4981-4150-bd21-b759d1939f68_7a8fb22a-0b7c-4aa6-9e5a-82fe0c9cf9ea_collection_rich_content.json

https://api.typedream.com/v0/app/collection_content/627aadea-4981-4150-bd21-b759d1939f68_7a8fb22a-0b7c-4aa6-9e5a-82fe0c9cf9ea_published_collection_rich_content.json

Name

Learning better React state management with zustand

Blog

thoughts

TikTok

Twitter ->

Hi, I'm Putri

I’ve been using Contexts for the past few projects, and realized that it has a big downside. I recently learned about zustand and how it can help improve performance.

SyncBlock-b4

<script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>
<script src="//embed.typeform.com/next/embed.js"></script>

<script>
  let links = document.querySelectorAll("a[data-analytics]");
  for (var i = 0; i < links.length; i++) {
      links[i].addEventListener('click', handleLinkEvent);
      links[i].addEventListener('auxclick', handleLinkEvent);
  }

  function handleLinkEvent(event) {
      var link = event.target;
      var middle = event.type == "auxclick" && event.which == 2;
      var click = event.type == "click";
      while (link && (typeof link.tagName == 'undefined' || link.tagName.toLowerCase() != 'a' || !link.href)) {
          link = link.parentNode;
      }
      if (middle || click) {
          let attributes = link.getAttribute('data-analytics').split(/,(.+)/);
          let events = [JSON.parse(attributes[0]), JSON.parse(attributes[1] || '{}')];
          plausible(...events);
      }
      if (!link.target) {
          if (!(event.ctrlKey || event.metaKey || event.shiftKey) && click) {
              setTimeout(function () {
                  location.href = link.href;
              }, 150);
              event.preventDefault();
          }
      }
  }
</script>

<script>

  window.onload = () => {
    const collections = document.querySelectorAll("div.slate-collection");
    console.log("Col", collections)
    setTimeout(() => {
     collections.forEach((col) => {
        const divs = col.querySelectorAll('div')
        divs?.forEach((div) => {
            if (div.textContent == "Show more") {
                div.innerHTML = "Load more" + `<svg viewBox="0 0 16 16" height="18" width="18" aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg" class="_1wmk2022"><path fill-rule="evenodd" d="M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z"></path></svg>`
            }
        })
    })
    }, 100)
   
  }
</script>

Learning better React state management with zustand

See more posts

How I Manage My Tasks & Reach My Goals as a Startup Founder

How I Avoid Burnout & Deal with Anxiety as a Founder

Putri Karunia