Back to packages list

Vals using react

Description from the NPM package:
React is a JavaScript library for building user interfaces.
nbbaier avatar
nbbaier
react_client
Script
Forked from pomdtr/react_example_client
1
pomdtr avatar
pomdtr
react_example_client
Script
// JSX can be used in the client val thanks to this magic comment
1
stevekrouse avatar
stevekrouse
BIGweather
HTTP
Big Weather Display Displays the current day's weather information BIG so you can see it from far away. I LOVE this val. My girlfriend and I use it everyday. We have an old chromebook slate set up in the corner of our apartment, so we can get the daily weather at a glance without our phones. Currently it's hardcoded for: prospect heights, brooklyn charts of the temp and % change of precipitation Probably easiest for you to fork it and change it to suit your needs vs making it customizable
0
pomdtr avatar
pomdtr
example_ssr
HTTP
SSR + Hydration Demo Look at @pomdtr/island and @pomdtr/hydrate_islands to read the whole library source code (less than 50 rows!).
3
pomdtr avatar
pomdtr
counter
Script
@jsxImportSource https://esm.sh/react
0
pomdtr avatar
pomdtr
island
Script
Demo: @pomdtr/island_demo
0
stevekrouse avatar
stevekrouse
ReloadScript
Script
⚠️ Deprecated in favor of @stevekrouse/reloadOnSave
1
stevekrouse avatar
stevekrouse
ssr_react_mini_starter
HTTP
Starter App for ssr_react_mini You need to export four things: loader - runs on any GET request, on the server. it accepts the Request and returns the props of your React compnent. action - runs on the server on any non-GET, ie POST, PUT, DELETE, or <form> s submit Component - your React component. it's initially server-rendered and then client-hydrated default - you should mostly leave this line alone This is framework is bleeding-edge. You'll need to read the code of the framework itself (it's very short) to understand what it's doing. If you have questions or comments, please comment below on this val! (or any of these vals)
2
pomdtr avatar
pomdtr
example_component
Script
@jsxImportSource https://esm.sh/react
0
stevekrouse avatar
stevekrouse
todo_app
HTTP
@jsxImportSource https://esm.sh/react
0
billtrenchard avatar
billtrenchard
todo_demo
HTTP
@jsxImportSource https://esm.sh/react
0
hfu avatar
hfu
react_maplibre
HTTP
Forked from yuiseki/untitled_amaranthSnake
1
yuiseki avatar
yuiseki
untitled_beigeLemur
HTTP
@jsxImportSource https://esm.sh/react
0
petermillspaugh avatar
petermillspaugh
lessonTemplate
Script
@jsxImportSource https://esm.sh/react
0
stevekrouse avatar
stevekrouse
cors_example
HTTP
CORS issues are the bane of frontend engineers. In Val Town, if you don't customize any CORS headers, we add these defaults: Access-Control-Allow-Origin: "*" Access-Control-Allow-Methods: "GET,HEAD,PUT,PATCH,POST,DELETE" You can override them if you wish to disallow CORS. This 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
neverstew avatar
neverstew
reactSSRExample
HTTP
Forked from vtdocs/reactSSRExample
0