1/** @jsxImportSource https://esm.sh/react@18.2.0 */
2import { createRoot } from "https://esm.sh/react-dom@18.2.0/client";
3import { useEffect, useState } from "https://esm.sh/react@18.2.0";
4
5function App() {
1/** @jsxImportSource https://esm.sh/react@18.2.0 */
2import { createRoot } from "https://esm.sh/react-dom@18.2.0/client";
3import { useEffect, useState } from "https://esm.sh/react@18.2.0";
4
5function App() {
1/** @jsxImportSource https://esm.sh/react */
2import { renderToString } from "npm:react-dom/server";
3
4export const reactExample = () =>
5 new Response(renderToString(<div>Test {1 + 1}</div>), {
6 headers: {
1/** @jsxImportSource https://esm.sh/preact */
2import { render } from "npm:preact-render-to-string";
3
4export const preactExample = () =>
5 new Response(render(<div>Test {1 + 1}</div>), {
6 headers: {
1/** @jsxImportSource https://esm.sh/react@18.2.0?dev */
2import { Link } from "https://esm.sh/react-router@7?dev&deps=react@18.2.0&react-dom@18.2.0";
3import { useThreads } from "../hooks/useThreads.tsx";
4import { Loading } from "./Loading.tsx";
1/** @jsxImportSource https://esm.sh/react@18.2.0?dev */
2import { useState } from "https://esm.sh/react@18.2.0?dev";
3import { useNavigate } from "https://esm.sh/react-router@7?dev&deps=react@18.2.0&react-dom@18.2.0";
4
5export function NewProjectThreadRoute () {
1/** @jsxImportSource https://esm.sh/react@18.2.0?dev */
2import { useState } from "https://esm.sh/react@18.2.0?dev";
3import { useNavigate } from "https://esm.sh/react-router@7?dev&deps=react@18.2.0&react-dom@18.2.0";
4import { useCreateProject } from "../hooks/useCreateProject.tsx";
5
1/** @jsxImportSource https://esm.sh/react@18.2.0?dev */
2import {
3 BrowserRouter,
8 Routes,
9 useLocation,
10} from "https://esm.sh/react-router@7?dev&deps=react@18.2.0&react-dom@18.2.0";
11import { useLocalStorage } from "https://esm.sh/react-use?dev&deps=react@18.2.0&react-dom@18.2.0";
12import React, { createContext, useState } from "https://esm.sh/react@18.2.0?dev";
13import { ChatRoute } from "./ChatRoute.tsx";
14import { DebugStyles } from "./DebugStyles.tsx";
1/** @jsxImportSource https://esm.sh/react@18.2.0?dev */
2import { Link, useParams } from "https://esm.sh/react-router@7?dev&deps=react@18.2.0&react-dom@18.2.0";
3import { useThreads } from "../hooks/useThreads.tsx";
4import { Loading } from "./Loading.tsx";
1/** @jsxImportSource https://esm.sh/react@18.2.0?dev */
2import { Link } from "https://esm.sh/react-router@7?dev&deps=react@18.2.0&react-dom@18.2.0";
3import { useProjects } from "../hooks/useProjects.tsx";
4import { Loading } from "./Loading.tsx";
Starter template with client-side React & Hono server
Starter template with client-side React & Hono server
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