Val Town Code SearchReturn to Val Town

API Access

You can access search results via JSON API by adding format=json to your query:

https://codesearch.val.run/image-url.jpg%20%22Optional%20title%22?q=react&page=35&format=json

For typeahead suggestions, use the /typeahead endpoint:

https://codesearch.val.run/typeahead?q=react

Returns an array of strings in format "username" or "username/projectName"

Found 11677 results for "react"(628ms)

TastkItApp.tsx3 matches

@charmaine•Updated 1 day ago
1/** @jsxImportSource https://esm.sh/react@18.2.0 */
2import React, { useState, useEffect } from "https://esm.sh/react@18.2.0";
3import AuthPage from "./Auth/AuthPage.tsx";
4import Dashboard from "./Dashboard/Dashboard.tsx";
5import LoadingSpinner from "./UI/LoadingSpinner.tsx";
6
7const App: React.FC = () => {
8 const [userEmail, setUserEmail] = useState<string | null>(null);
9 const [loading, setLoading] = useState<boolean>(true);

TastkItAuthPage.tsx3 matches

@charmaine•Updated 1 day ago
1/** @jsxImportSource https://esm.sh/react@18.2.0 */
2import React from "https://esm.sh/react@18.2.0";
3import LoginForm from "./LoginForm.tsx";
4
5const AuthPage: React.FC = () => {
6 return (
7 <div className="min-h-screen flex flex-col items-center justify-center bg-gray-100 px-4">

TastkItLoginForm.tsx4 matches

@charmaine•Updated 1 day ago
1/** @jsxImportSource https://esm.sh/react@18.2.0 */
2import React from "https://esm.sh/react@18.2.0";
3
4// Simple login component that redirects to lastlogin auth page
5const LoginForm: React.FC = () => {
6 React.useEffect(() => {
7 // Redirect to the lastlogin auth page
8 window.location.href = "/auth/login";

project1Profile.tsx6 matches

@Beryl5_Oluoch•Updated 1 day ago
1/** @jsxImportSource https://esm.sh/react@18.2.0 */
2import React, { useState, useEffect, useContext } from "https://esm.sh/react@18.2.0";
3import { useNavigate } from "https://esm.sh/react-router-dom@6.20.1?deps=react@18.2.0";
4import { AuthContext } from "./App.tsx";
5import { User, Skill } from "../../shared/types.ts";
6
7const Profile: React.FC = () => {
8 const { isAuthenticated, token, user: authUser, login } = useContext(AuthContext);
9 const navigate = useNavigate();
86 }, [isAuthenticated, token, navigate]);
87
88 const handleUpdateProfile = async (e: React.FormEvent) => {
89 e.preventDefault();
90 setError("");
133 };
134
135 const handleAddSkill = async (e: React.FormEvent) => {
136 e.preventDefault();
137

project1JobDetail.tsx5 matches

@Beryl5_Oluoch•Updated 1 day ago
1/** @jsxImportSource https://esm.sh/react@18.2.0 */
2import React, { useState, useEffect, useContext } from "https://esm.sh/react@18.2.0";
3import { useParams, useNavigate } from "https://esm.sh/react-router-dom@6.20.1?deps=react@18.2.0";
4import { AuthContext } from "./App.tsx";
5import { JobWithSkills } from "../../shared/types.ts";
6
7const JobDetail: React.FC = () => {
8 const { id } = useParams<{ id: string }>();
9 const { isAuthenticated, token } = useContext(AuthContext);
62 }, [id, isAuthenticated, token]);
63
64 const handleApply = async (e: React.FormEvent) => {
65 e.preventDefault();
66

project1JobList.tsx4 matches

@Beryl5_Oluoch•Updated 1 day ago
1/** @jsxImportSource https://esm.sh/react@18.2.0 */
2import React, { useState, useEffect, useContext } from "https://esm.sh/react@18.2.0";
3import { Link } from "https://esm.sh/react-router-dom@6.20.1?deps=react@18.2.0";
4import { AuthContext } from "./App.tsx";
5import { Job, Skill } from "../../shared/types.ts";
6
7const JobList: React.FC = () => {
8 const { isAuthenticated, token } = useContext(AuthContext);
9 const [jobs, setJobs] = useState<Job[]>([]);

project1Register.tsx5 matches

@Beryl5_Oluoch•Updated 1 day ago
1/** @jsxImportSource https://esm.sh/react@18.2.0 */
2import React, { useState, useContext, useEffect } from "https://esm.sh/react@18.2.0";
3import { Link, useNavigate } from "https://esm.sh/react-router-dom@6.20.1?deps=react@18.2.0";
4import { AuthContext } from "./App.tsx";
5
6const Register: React.FC = () => {
7 const [name, setName] = useState("");
8 const [email, setEmail] = useState("");
22 }, [isAuthenticated, navigate]);
23
24 const handleSubmit = async (e: React.FormEvent) => {
25 e.preventDefault();
26 setError("");

project1Login.tsx5 matches

@Beryl5_Oluoch•Updated 1 day ago
1/** @jsxImportSource https://esm.sh/react@18.2.0 */
2import React, { useState, useContext, useEffect } from "https://esm.sh/react@18.2.0";
3import { Link, useNavigate } from "https://esm.sh/react-router-dom@6.20.1?deps=react@18.2.0";
4import { AuthContext } from "./App.tsx";
5
6const Login: React.FC = () => {
7 const [email, setEmail] = useState("");
8 const [password, setPassword] = useState("");
20 }, [isAuthenticated, navigate]);
21
22 const handleSubmit = async (e: React.FormEvent) => {
23 e.preventDefault();
24 setError("");

project1Home.tsx4 matches

@Beryl5_Oluoch•Updated 1 day ago
1/** @jsxImportSource https://esm.sh/react@18.2.0 */
2import React, { useContext, useEffect, useState } from "https://esm.sh/react@18.2.0";
3import { Link } from "https://esm.sh/react-router-dom@6.20.1?deps=react@18.2.0";
4import { AuthContext } from "./App.tsx";
5import { Job } from "../../shared/types.ts";
6
7const Home: React.FC = () => {
8 const { isAuthenticated, user, token } = useContext(AuthContext);
9 const [matchingJobs, setMatchingJobs] = useState<Job[]>([]);

project1Navbar.tsx4 matches

@Beryl5_Oluoch•Updated 1 day ago
1/** @jsxImportSource https://esm.sh/react@18.2.0 */
2import React, { useContext, useState } from "https://esm.sh/react@18.2.0";
3import { Link } from "https://esm.sh/react-router-dom@6.20.1?deps=react@18.2.0";
4import { AuthContext } from "./App.tsx";
5
6const Navbar: React.FC = () => {
7 const { isAuthenticated, isAdmin, user, logout } = useContext(AuthContext);
8 const [mobileMenuOpen, setMobileMenuOpen] = useState(false);

reactHonoStarter_remix_665424 file matches

@johnroyall•Updated 1 hour ago
Starter template with client-side React & Hono server

reactHonoExample9 file matches

@johnroyall•Updated 4 hours ago
effector
Write business logic with ease Meet the new standard for modern TypeScript development. Type-safe, reactive, framework-agnostic library to manage your business logic.
officialrajdeepsingh
Follow me if you learn more about JavaScript | TypeScript | React.js | Next.js | Linux | NixOS | Frontend Developer | https://linktr.ee/officialrajdeepsingh