TBD Clients and Libraries

SHUTDOWN: I started working on this project to build a better community platform - until I discovered Nostr, which is what TBD could / should have been. I'm now working on Nostr instead. Checkout my Nostr library and web client here: https://github.com/franzos/nostr-ts.

---

• ./client - TBD client built with Vue.js
• ./client-react - TBD client built with React
• ./packages - TBD libraries

Find out more about TBD at https://github.com/franzos/tbd.

Thougts on Vue (Nuxt.js) vs React (Next.js)

Nuxt

• (+) Quickly fetching some data is much easier with useFetch (vs fetch)
• (+) Compilation during development is 10x faster

Vue 3 composition API feels a little like react function components.

Next

• (-) You have to whitelist image hosts in the config ref
• (+) Components can be cleaner in react; for ex:

Vue:

<template>
  <n-text>
    <b>{{ username }}</b>
  </n-text>
</template>

<script setup lang="ts">
import { NText } from 'naive-ui'
import type { PublicUser } from '@tbd/common'

const props = defineProps({
  user: Object as PropType<PublicUser>,
})

const username = computed(() => {
  if (props.user && props.user.username) return props.user.username
  return 'Unknown'
})
</script>

React:

import { Text } from '@chakra-ui/react'
import { PublicUser } from '@tbd/common'

export default function User(props: { user?: PublicUser }) {
  const username = () => {
    if (props.user && props.user.username) return props.user.username
    return 'Unknown'
  }
  return <Text><b>{username()}</b></Text>
}