n4bb12

@builder.io/sdk-react

n4bb12

import { createContext, useContext } from "react"
import { RootLayoutData } from "src/data/types"

export const pagePropsContext = createContext({})

export const PagePropsProvider = pagePropsContext.Provider

export function usePageProps<T>() {
  return useContext<T & RootLayoutData>(pagePropsContext as any)
}

n4bb12

:root {
  --ifm-color-scheme: light;

  /* Colors. */
  --ifm-dark-value: 10%;
  --ifm-darker-value: 15%;
  --ifm-darkest-value: 30%;
  --ifm-light-value: 15%;
  --ifm-lighter-value: 30%;
  --ifm-lightest-value: 50%;

n4bb12

Awesome Tech

Other Awesome Lists

• Free for Developers

Multi Tools

• Small Dev Tools
• TinyWow

n4bb12

import { ReactElement } from "react";

export type RenderResult<P> = ReactElement<P, any> | null;

export function serverComponent<P = {}>(fn: (props: P) => RenderResult<P> | Promise<RenderResult<P>>) {
  return fn as unknown as (props: P) => RenderResult<P>;
}

// or

n4bb12

export function download({
  filename,
  content,
  contentType,
}: {
  content: string
  contentType: string
  filename: string
}) {
  const a = document.createElement("a")

n4bb12

export const ResetButtonExample: FC = () => {
  const T = useLocalizedText({ de, en })

  return (
    <button>{T.reset}</button>
  )
}

const de = {
  reset: "Zurücksetzen",

n4bb12

# kind

- Install go — https://go.dev/doc/install
- Install kubectl — https://kubernetes.io/docs/tasks/tools/install-kubectl-windows/
- Install kind — https://kind.sigs.k8s.io/docs/user/quick-start/#installing-from-release-binaries

```
kind create cluster --name playground
kind get clusters
kubectl cluster-info --context kind-playground

n4bb12

slugify () {
  echo "$@" | iconv -c -t ascii//TRANSLIT | sed -E 's/[~^]+//g' | sed -E 's/[^a-zA-Z0-9]+/-/g' | sed -E 's/^-+|-+$//g' | tr A-Z a-z
}

n4bb12

# yarn
# https://yarnpkg.com/getting-started/qa#which-files-should-be-gitignored
.yarn/*
!.yarn/patches
!.yarn/plugins
!.yarn/releases
!.yarn/sdks
!.yarn/versions