Val Town Code SearchReturn to Val Town

6          <script type="module">
7            import { ${component.name} } from "${url}"
8            import { createRoot } from "https://esm.sh/react-dom@18.2.0/client";
9            import { jsx } from "https://esm.sh/react@18.2.0/jsx-runtime";
10            createRoot(document.body).render(jsx(App, {}));
11          </script>

1/** @jsxImportSource https://esm.sh/react */
2import { useState } from "https://esm.sh/react@18.2.0";
3import react_http from "https://esm.town/v/stevekrouse/react_http";
4
5const BASE_URL = "https://stevekrouse-cors_example_backend.web.val.run";
30}
31
32export default react_http(App, import.meta.url); 

10You can override them if you wish to disallow CORS. Check out [@neverstew/setCorsHeaders](https://www.val.town/v/neverstew/setCorsHeaders) for the easiest way to do this in your code.
11
12This val is a client-side-rendered React app that makes requests to @stevekrouse/cors_example_backend. The backend is in a different val because CORS applies to requests on different domains. The backend has examples of the default permissive CORS behavior and disabled CORS. 

1#  Client Side React Helper
2
3## Example Usage
4
5```tsx
6/** @jsxImportSource https://esm.sh/react */
7import { useState } from "https://esm.sh/react@18.2.0";
8import react_http from "https://esm.town/v/stevekrouse/react_http?v=6";
9
10export function App() {
24
25export default () =>
26  react_http({
27    component: App,
28    sourceURL: import.meta.url,
38#### Only use https imports
39
40The val with your React component will be imported in the browser. Thus, only use `https` imports in this val and any that it imports. Replace any `npm:` with `https://esm.sh/` and everything should work great.
41
42Migrated from folder: Archive/react_http

1# Server-side Render React Mini Framework
2
3This is very experimental, more of a prototype of an architecture, than a true framework

1/** @jsxImportSource https://esm.sh/react */
2import { renderToString } from "https://esm.sh/react-dom@18.2.0/server";
3import { useEffect, useState } from "https://esm.sh/react@18.2.0";
4import { extractValInfo } from "https://esm.town/v/pomdtr/extractValInfo";
5import { html } from "https://esm.town/v/stevekrouse/html";
6
7// button that's disabled until client react hydrates
8export const Button = (props) => {
9  const [clientHydrated, setClientHydrated] = useState(false);
51      const props = await loader(req);
52      const script = `
53        import { hydrateRoot } from "https://esm.sh/react-dom@18.2.0/client";
54        import { jsx as _jsx } from "https://esm.sh/react@18.2.0/jsx-runtime";
55        import { Component } from "https://esm.town/v/${author}/${name}";
56    

1/** @jsxImportSource https://esm.sh/react@18.3.1 */
2
3import { Studio } from "https://esm.sh/@libsqlstudio/gui?deps=react@18.3.1";
4import { createRoot } from "https://esm.sh/react-dom@18.3.1/client";
5import { useMemo } from "https://esm.sh/react@18.3.1";
6import ValtownDriver from "https://esm.town/v/pomdtr/libsqlstudio_driver";
7

1/** @jsxImportSource https://esm.sh/preact */
2import cheerio from "npm:cheerio";
3import { render } from "npm:preact-render-to-string";
4
5export let isBoeing = async (airline, number) => {

1/** @jsxImportSource https://esm.sh/preact */
2import cheerio from "npm:cheerio";
3import { render } from "npm:preact-render-to-string";
4
5export let isBoeing = async (airline, number) => {

1/** @jsxImportSource https://esm.sh/preact */
2import { render } from "npm:preact-render-to-string";
3// import Quill from "npm:quill";
4