preactjs/preact-cli

Serialize and hydrate data from prerender-urls on the client.

Open

#784 opened on May 4, 2019

View on GitHub
 (4 comments) (5 reactions) (0 assignees)JavaScript (415 forks)batch import
enhancementhelp wantedneed more info

Repository metrics

Stars
 (4,674 stars)
PR merge metrics
 (No merged PRs in 30d)

Description

It would be good if we could detect that prerender-urls has passed more than { url, title } as the data for a given route, and serialize that into the HTML:

<script type="text/props" id="appprops">
  { "url": "/profile/john", "profile": { "name": "John Doe" } }
</script>

Then we can pass these to <App /> when booting on the client.

Contributor guide

Research direction
Study the prerender urls implementation in preact cli to understand how route data is currently handled. Then modify the HTML serialization to include a script tag with the additional data, and update the client side bootstrap to read that data and pass to the App component.
Tech stack
javascriptnodejs
Domain
frontend
Issue type
Feature
DifficultyEstimated implementation difficulty for a new contributor, from 1 for very small changes to 5 for expert-level work.
3
Estimated timeA rough time range for an experienced contributor to investigate, implement, test, and prepare a pull request.
Half day
Activity statusHow available the issue appears right now: fresh, active, stale, blocked, or waiting on maintainer input.
Active
ClarityHow clearly the issue explains the expected change, acceptance criteria, and next step.
Clear
Prerequisites
JavaScriptGit
Newbie friendlinessA 1-100 score estimating how approachable this issue is for first-time contributors.
75