Search results for "react client side"

cerebras_coder

@hanguru

This is an AI code assistant powered by Cerebras , running llama3.3-70b. Inspired by Hassan's Llama Coder . Setup Sign up for Cerebras Get a Cerebras API Key Save it in a Val Town environment variable called CEREBRAS_API_KEY Todos I'm looking for collaborators to help. Fork & send me PRs! [ ] Experiment with two prompt chain (started here )

0

HTTP

/** @jsxImportSource https://esm.sh/react@18.2.0 */

import { createRoot } from "https://esm.sh/react-dom@18.2.0/client";

import { Prism as SyntaxHighlighter } from "https://esm.sh/react-syntax-highlighter";

import React, { useEffect, useState } from "https://esm.sh/react@18.2.0";

setPrompt: React.Dispatch<React.SetStateAction<string>>;

handleSubmit: (e: React.FormEvent) => void;

const previewRef = React.useRef<HTMLDivElement>(null);

async function handleSubmit(e: React.FormEvent | string) {

<React.Fragment key={iframeKey}>

</React.Fragment>

cerebras_coder

@neuropythongit

This is an AI code assistant powered by Cerebras , running llama3.3-70b. Inspired by Hassan's Llama Coder . Setup Sign up for Cerebras Get a Cerebras API Key Save it in a Val Town environment variable called CEREBRAS_API_KEY Todos I'm looking for collaborators to help. Fork & send me PRs! [ ] Experiment with two prompt chain (started here )

0

Cron

/** @jsxImportSource https://esm.sh/react@18.2.0 */

import { createRoot } from "https://esm.sh/react-dom@18.2.0/client";

import { Prism as SyntaxHighlighter } from "https://esm.sh/react-syntax-highlighter";

import React, { useEffect, useState } from "https://esm.sh/react@18.2.0";

setPrompt: React.Dispatch<React.SetStateAction<string>>;

handleSubmit: (e: React.FormEvent) => void;

const previewRef = React.useRef<HTMLDivElement>(null);

async function handleSubmit(e: React.FormEvent | string) {

<React.Fragment key={iframeKey}>

</React.Fragment>

cerebras_coder

@alot1z

This is an AI code assistant powered by Cerebras , running llama3.3-70b. Inspired by Hassan's Llama Coder . Setup Sign up for Cerebras Get a Cerebras API Key Save it in a Val Town environment variable called CEREBRAS_API_KEY Todos I'm looking for collaborators to help. Fork & send me PRs! [ ] Experiment with two prompt chain (started here )

0

HTTP

/** @jsxImportSource https://esm.sh/react@18.2.0 */

import { createRoot } from "https://esm.sh/react-dom@18.2.0/client";

import { Prism as SyntaxHighlighter } from "https://esm.sh/react-syntax-highlighter";

import React, { useEffect, useState } from "https://esm.sh/react@18.2.0";

setPrompt: React.Dispatch<React.SetStateAction<string>>;

handleSubmit: (e: React.FormEvent) => void;

const previewRef = React.useRef<HTMLDivElement>(null);

async function handleSubmit(e: React.FormEvent | string) {

<React.Fragment key={iframeKey}>

</React.Fragment>

resumeDetails

@siygle

💼 Thomas Seeley's resume in the JSON Resume standard

0

HTTP

"summary":

applications, always ensuring development is business-oriented and based on client and user needs. I bring a unique blend of

"location": {

"highlights": [

platform with secure authentication and full CRUD capabilities, streamlining client operations",

"Crafted a website for a food truck that captures their unique branding and playful image. The site features a fun,

eloped a responsive, accessibility-focused website for a law firm, improving client accessibility and increasing inquiries by

"name": "Mindpool",

"level": "",

"keywords": ["HTML5", "CSS", "Tailwind CSS", "React", "Next.js", "Vite", "FastAPI", "Hono", "Framer Motion"],

"name": "Programming",

"Integrated GPT-3.5 for prompt enhancement, significantly improving image and video quality",

"Overcame the challenge of running FFmpeg client-side in Next.js, enabling real-time video processing in the browse

"keywords": ["TypeScript", "Next.js", "Tailwind CSS", "Fal.ai", "FFmpeg"],

valTownBadgeExample

@jxnblk

Example of how to add a Val Town badge to your val Demo: https://jxnblk-valtownbadgeexample.web.val.run/ Option 1 Wrap your HTTP response handler with https://www.val.town/v/jxnblk/valTownBadgeMiddleware [^1] import wrapper from "https://esm.town/v/jxnblk/valTownBadgeMiddleware"; async function handler(req: Request): Promise<Response> { const html = ` <h1>Hello, world</h1> `; return new Response(html, { headers: { "Content-Type": "text/html; charset=utf-8", }, }); } export default wrapper(handler, import.meta.url); Option 2 Get the HTML string for the badge using https://www.val.town/v/jxnblk/valTownBadge Add the HTML to your response's HTML string wherever you like import valTownBadge from "https://esm.town/v/jxnblk/valTownBadge"; export default async function(req: Request): Promise<Response> { const badge = valTownBadge(import.meta.url); const html = ` <h1>Hello, world</h1> ${badge} `; return new Response(html, { headers: { "Content-Type": "text/html; charset=utf-8", }, }); } Manual options You can also edit the snippet below to manually add the badge in HTML <a href="https://www.val.town/v/jxnblk/valTownBadgeExample" target="_blank" style="text-decoration:none;color:inherit"> <img src="https://jxnblk-valtownbadgesvg.web.val.run/" width="160" height="160"> </a> Or markdown: [![View source on Val Town](https://jxnblk-valtownbadgesvg.web.val.run/)](https://www.val.town/v/jxnblk/valTownBadgeExample) [^1]: Middleware is not recommended when using client-side hydration in apps like React or when returning a full, valid HTML response

0

HTTP

[![View source on Val Town](https://jxnblk-valtownbadgesvg.web.val.run/)](https://www.val.town/v/jxnblk/valTownBadgeExample)

[^1]: Middleware is not recommended when using client-side hydration in apps like React or when returning a full, valid HTML

/** @jsxImportSource npm:preact */

import valTownBadge from "https://esm.town/v/jxnblk/valTownBadge";

import wrapper from "https://esm.town/v/jxnblk/valTownBadgeMiddleware";

import { render } from "npm:preact-render-to-string";

function handler(req: Request): Promise<Response> {

cerebras_coder

@lunah

This is an AI code assistant powered by Cerebras , running llama3.3-70b. Inspired by Hassan's Llama Coder . Setup Sign up for Cerebras Get a Cerebras API Key Save it in a Val Town environment variable called CEREBRAS_API_KEY Todos I'm looking for collaborators to help. Fork & send me PRs! [ ] Experiment with two prompt chain (started here )

0

HTTP

/** @jsxImportSource https://esm.sh/react@18.2.0 */

import { createRoot } from "https://esm.sh/react-dom@18.2.0/client";

import { Prism as SyntaxHighlighter } from "https://esm.sh/react-syntax-highlighter";

import React, { useEffect, useState } from "https://esm.sh/react@18.2.0";

setPrompt: React.Dispatch<React.SetStateAction<string>>;

handleSubmit: (e: React.FormEvent) => void;

const previewRef = React.useRef<HTMLDivElement>(null);

async function handleSubmit(e: React.FormEvent | string) {

<React.Fragment key={iframeKey}>

</React.Fragment>

cerebras_coder

@aibmbegpsohugh

This is an AI code assistant powered by Cerebras , running llama3.3-70b. Inspired by Hassan's Llama Coder . Setup Sign up for Cerebras Get a Cerebras API Key Save it in a Val Town environment variable called CEREBRAS_API_KEY Todos I'm looking for collaborators to help. Fork & send me PRs! [ ] Experiment with two prompt chain (started here )

0

HTTP

/** @jsxImportSource https://esm.sh/react@18.2.0 */

import { createRoot } from "https://esm.sh/react-dom@18.2.0/client";

import { Prism as SyntaxHighlighter } from "https://esm.sh/react-syntax-highlighter";

import React, { useEffect, useState } from "https://esm.sh/react@18.2.0";

setPrompt: React.Dispatch<React.SetStateAction<string>>;

handleSubmit: (e: React.FormEvent) => void;

const previewRef = React.useRef<HTMLDivElement>(null);

async function handleSubmit(e: React.FormEvent | string) {

<React.Fragment key={iframeKey}>

</React.Fragment>

solicitousOliveDuck

@stevekrouse

This is an AI code assistant powered by Cerebras , running llama3.3-70b. Inspired by Hassan's Llama Coder . Setup Sign up for Cerebras Get a Cerebras API Key Save it in a Val Town environment variable called CEREBRAS_API_KEY Todos I'm looking for collaborators to help. Fork & send me PRs! [ ] Experiment with two prompt chain (started here )

0

HTTP

/** @jsxImportSource https://esm.sh/react@18.2.0 */

import { createRoot } from "https://esm.sh/react-dom@18.2.0/client";

import { Prism as SyntaxHighlighter } from "https://esm.sh/react-syntax-highlighter";

import React, { useEffect, useState } from "https://esm.sh/react@18.2.0";

setPrompt: React.Dispatch<React.SetStateAction<string>>;

handleSubmit: (e: React.FormEvent) => void;

const previewRef = React.useRef<HTMLDivElement>(null);

async function handleSubmit(e: React.FormEvent | string) {

<React.Fragment key={iframeKey}>

</React.Fragment>

cerebras_coder

@naveenachyuta

This is an AI code assistant powered by Cerebras , running llama3.3-70b. Inspired by Hassan's Llama Coder . Setup Sign up for Cerebras Get a Cerebras API Key Save it in a Val Town environment variable called CEREBRAS_API_KEY Todos I'm looking for collaborators to help. Fork & send me PRs! [ ] Experiment with two prompt chain (started here )

0

HTTP

/** @jsxImportSource https://esm.sh/react@18.2.0 */

import { createRoot } from "https://esm.sh/react-dom@18.2.0/client";

import { Prism as SyntaxHighlighter } from "https://esm.sh/react-syntax-highlighter";

import React, { useEffect, useState } from "https://esm.sh/react@18.2.0";

setPrompt: React.Dispatch<React.SetStateAction<string>>;

handleSubmit: (e: React.FormEvent) => void;

const previewRef = React.useRef<HTMLDivElement>(null);

async function handleSubmit(e: React.FormEvent | string) {

<React.Fragment key={iframeKey}>

</React.Fragment>

cerebras_coder

@stevekrouse

This is an AI code assistant powered by Cerebras , running llama3.3-70b. Inspired by Hassan's Llama Coder . Setup Sign up for Cerebras Get a Cerebras API Key Save it in a Val Town environment variable called CEREBRAS_API_KEY Todos I'm looking for collaborators to help. Fork & send me PRs!

448 12

42

HTTP

/** @jsxImportSource https://esm.sh/react@18.2.0 */

import { createRoot } from "https://esm.sh/react-dom@18.2.0/client?deps=react@18.2.0";

import { Prism as SyntaxHighlighter } from "https://esm.sh/react-syntax-highlighter?deps=react@18.2.0,react-dom@18.2.0";

import React, { useEffect, useState } from "https://esm.sh/react@18.2.0";

setPrompt: React.Dispatch<React.SetStateAction<string>>;

handleSubmit: (e: React.FormEvent) => void;

const previewRef = React.useRef<HTMLDivElement>(null);

async function handleSubmit(e: React.FormEvent | string) {

<React.Fragment key={iframeKey}>

</React.Fragment>

val_town_by_example_toc

@iamseeley

// edit this if you want to add new items to the home page

0

Cron

todo("Creating a Discord Webhook"),

todo("Scrapping Website Data"),

title: "Client-Side",

items: [

"pomdtr/react_example",

todo("Val Town Islands"),

todo("Creating Web Component"),

val_town_by_example_toc

@pomdtr

// edit this if you want to add new items to the home page

1 3

0

Cron

todo("Creating a Discord Webhook"),

todo("Scrapping Website Data"),

title: "Client-Side",

items: [

"pomdtr/react_example",

todo("Val Town Islands"),

todo("Creating Web Component"),

topHNThreadByHour

@elsif_maj

// set at Thu Nov 30 2023 14:22:53 GMT+0000 (Coordinated Universal Time)

6

0

Email

// set at Thu Nov 30 2023 14:22:53 GMT+0000 (Coordinated Universal Time)

out of Yahoo as a separate company","Top thread on Hackernews for 4:00 is: President Speaking: Spoofing Alerts in 4G LTE Netw

pkmnTypesTiers

@bl3

@jsxImportSource https://esm.sh/react

1

0

HTTP

/** @jsxImportSource https://esm.sh/react **/

import React from "https://esm.sh/react";

import { hydrateRoot } from "https://esm.sh/react-dom/client";

import { renderToString } from "https://esm.sh/react-dom/server";

const X: React.FC<{ size: number }> = ({ size }) => (

const Combobox: React.FC<ComboboxProps> = ({ options, value, onChange, placeholder }) => {

const [isOpen, setIsOpen] = React.useState(false);

const [inputValue, setInputValue] = React.useState("");

const [highlightedIndex, setHighlightedIndex] = React.useState(0);

const [filteredOptions, setFilteredOptions] = React.useState(extendedOptions);

weatherDashboard

@sany45

@jsxImportSource https://esm.sh/react@18.2.0

0

HTTP

/** @jsxImportSource https://esm.sh/react@18.2.0 */

import React, { useState } from "https://esm.sh/react@18.2.0";

import { createRoot } from "https://esm.sh/react-dom@18.2.0/client";

function DeveloperPortfolio() {

description: "Real-time weather tracking app using Open-Meteo API",

technologies: ["React", "Geolocation API"],

link: "https://sany45-weatherdashboard.web.val.run"

description: "Full-stack project management application",

technologies: ["TypeScript", "React", "Node.js"],

link: "#"

"TypeScript",

"React",

"Node.js",

fontWeight: 'bold',

function client() {

createRoot(document.getElementById("root")).render(<DeveloperPortfolio />);

if (typeof document !== "undefined") { client(); }

export default async function server(request: Request): Promise<Response> {