1/** @jsxImportSource https://esm.sh/react */
2import React, { useState } from "https://esm.sh/react";
3import { createRoot } from "https://esm.sh/react-dom/client";
4
5function TemperatureConverter() {
7 const [fahrenheit, setFahrenheit] = useState('');
8
9 const handleCelsiusChange = (e: React.ChangeEvent<HTMLInputElement>) => {
10 const value = e.target.value;
11 setCelsius(value);
13 };
14
15 const handleFahrenheitChange = (e: React.ChangeEvent<HTMLInputElement>) => {
16 const value = e.target.value;
17 setFahrenheit(value);
6frontend and backend.
7
8It contains a reactive(!) converter between °Celsius and °Fahrenheit - made
9using Townie.
10
1/** @jsxImportSource https://esm.sh/react */
2import React, { useState, useEffect } from "https://esm.sh/react";
3import { createRoot } from "https://esm.sh/react-dom/client";
4
5function AnalogClock({ time }) {
1/** @jsxImportSource https://esm.sh/react */
2import React, { useState, useEffect } from "https://esm.sh/react";
3import { createRoot } from "https://esm.sh/react-dom/client";
4
5function App() {
1/** @jsxImportSource https://esm.sh/react */
2import React from "https://esm.sh/react";
3import { createRoot } from "https://esm.sh/react-dom/client";
4
5function App() {
1/** @jsxImportSource https://esm.sh/preact */
2import htm from "https://esm.sh/htm";
3import { h, render } from "https://esm.sh/preact";
4import { useEffect, useState } from "https://esm.sh/preact/hooks";
5
6const html = htm.bind(h);
1/** @jsxImportSource https://esm.sh/preact */
2import { h, render } from "https://esm.sh/preact";
3import { useState, useEffect } from "https://esm.sh/preact/hooks";
4import htm from "https://esm.sh/htm";
5
1/** @jsxImportSource https://esm.sh/react */
2import React from "https://esm.sh/react";
3import { createRoot } from "https://esm.sh/react-dom/client";
4
5function App() {
1/** @jsxImportSource https://esm.sh/react */
2import React, { useState } from "https://esm.sh/react";
3import { createRoot } from "https://esm.sh/react-dom/client";
4
5function App() {
37 };
38
39 const handleKeyPress = (e: React.KeyboardEvent<HTMLInputElement>) => {
40 if (e.key === 'Enter') {
41 handleSearch();
1/** @jsxImportSource https://esm.sh/react */
2import Cerebras from "https://esm.sh/@cerebras/cerebras_cloud_sdk";
3import React, { useState, useEffect, useRef } from "https://esm.sh/react";
4import { createRoot } from "https://esm.sh/react-dom/client";
5
6function App() {
Starter template with client-side React & Hono server
A web-based dice roller using React on Val Town
Write business logic with ease
Meet the new standard for modern TypeScript development.
Type-safe, reactive, framework-agnostic library to manage your business logic.
Follow me if you learn more about JavaScript | TypeScript | React.js | Next.js | Linux | NixOS | Frontend Developer | https://linktr.ee/officialrajdeepsingh