valtism

Keybase proof

I hereby claim:

• I am valtism on github.
• I am valty (https://keybase.io/valty) on keybase.
• I have a public key ASBDQgyQ2mi6SxSb2BOk4VB5lWBxMkSWu1CWNNfzc0Y5Ywo

To claim this, I am signing this object:

valtism

Keybase proof

I hereby claim:

• I am valtism on github.
• I am valtism (https://keybase.io/valtism) on keybase.
• I have a public key ASAY-p3DJQdOEoy1XUBVHryJeKPuTA1A_rxNRrNZA14sJgo

To claim this, I am signing this object:

valtism

module.exports = {
  purge: ["./src/**/*.js"],
  theme: {
    fontFamily: {
      sans: ["IBM Plex Sans", "sans-serif"],
      mono: ["IBM Plex Mono", "monospace"],
    },
    fontSize: {
      8: ["8px", {letterSpacing: "0.02em", lineHeight: "16px"}],
      10: ["10px", {letterSpacing: "0.02m", lineHeight: "16px"}],

valtism

diff --git a/node_modules/tree-changes/.DS_Store b/node_modules/tree-changes/.DS_Store
new file mode 100644
index 0000000..f41828d
Binary files /dev/null and b/node_modules/tree-changes/.DS_Store differ
diff --git a/node_modules/tree-changes/esm/.DS_Store b/node_modules/tree-changes/esm/.DS_Store
new file mode 100644
index 0000000..2cd58e8
Binary files /dev/null and b/node_modules/tree-changes/esm/.DS_Store differ
diff --git a/node_modules/tree-changes/esm/helpers.d.ts b/node_modules/tree-changes/esm/helpers.d.ts
index d323653..d4c3287 100644

valtism

diff --git a/node_modules/@small-tech/vite-plugin-sri/index.js b/node_modules/@small-tech/vite-plugin-sri/index.js
index 841f438..e85b205 100644
--- a/node_modules/@small-tech/vite-plugin-sri/index.js
+++ b/node_modules/@small-tech/vite-plugin-sri/index.js
@@ -18,51 +18,56 @@
 // License: ISC.
 //
 ////////////////////////////////////////////////////////////////////////////////
+'use strict';
 

valtism

// The bottom component we need to pass `value` to
function NestedComponent({ value }) {
  return <div>The value is: {value}</div>;
}

// Example with prop drilling
function Example1() {
  const [value, setValue] = useState("");
  return <MiddleComponent1 value={value} />;
}

valtism

import {
  Fragment,
  ReactNode,
  forwardRef,
  createContext,
  useContext,
  useReducer,
  useEffect,
  Children,
} from "react"

valtism

// Emotion
const Label = styled.div<Pick<BreadcrumbProps, "isActive">>(
  ({ theme, isActive }) => [
    {
      ...theme.typography.DetailLargeM,
      ...theme.typography.noWrap,
      color: theme.colors.contentTertiary,
    },
    isActive && {
      color: theme.colors.contentPrimary,

valtism

Learning Javascript recommendations

The best way to learn is to pick a project and build it.

There are lots of technologies to use, so my recommendation to just start building would be to use ViteJS, with React, and ESLint and Prettier. I might also recommend throwing TailwindCSS in there if it's not too much of a learning curve.

Theo recommends something a bit different that could also work: https://init.tips and https://init.tips/other

Apart from coding, I'd also recommend browsing sites like hacker news, twitter, and reddit. That, along with listening to podcasts or watching videos is a great way to get a better understanding of the frontend world.

valtism

import React, { createContext, forwardRef, useContext, useEffect, useMemo } from "react"
import { createPortal } from "react-dom"
import { mergeRefs } from "app/helpers/mergeRefs"
import {
  Placement,
  Strategy,
  offset as offsetModifier,
  shift as shiftModifier,
  size as sizeModifier,
  flip as flipModifier,