How to code live browser refresh in Deno

This page summarizes the projects mentioned and recommended in the original post on dev.to

Our great sponsors
  • Scout APM - Less time debugging, more time building
  • SonarQube - Static code analysis for 29 languages.
  • SaaSHub - Software Alternatives and Reviews
  • deno

    A modern runtime for JavaScript and TypeScript.

    import { serve } from "https://deno.land/std/http/server.ts"; import { dirname, fromFileUrl, join, } from "https://deno.land/std/path/mod.ts"; import { refresh } from "./mod.ts"; // Create useful file path variable for our code. const __dirname = fromFileUrl(dirname(import.meta.url)); const clientFilePath = join(__dirname, "./client.js"); const indexFilePath = join(__dirname, "./index.html"); // Construct the refresh middleware. const refreshMiddleware = refresh(); // Start a server on port `8000`. serve((req: Request) => { // Handle custom refresh middleware requests. const res = refreshMiddleware(req); if (res) { return res; } // Handle requests for the client-side refresh code. if (req.url.endsWith("client.js")) { const client = Deno.readTextFileSync(clientFilePath); return new Response(client, { headers: { "Content-Type": "application/javascript" } }); } // Handle requests for the page's HTML. const index = Deno.readTextFileSync(indexFilePath); return new Response(index, { headers: { "Content-Type": "text/html" } }); }); console.log("Listening on http://localhost:8000");

NOTE: The number of mentions on this list indicates mentions on common posts plus user suggested alternatives. Hence, a higher number means a more popular project.

Suggest a related project

Related posts