Releases: fastify/fastify-dx
@fastify/vue v0.1.0
This is the first beta release for Fastify DX for React, now featuring support for Fastify v4 and Vite v3.
If you've been using the alpha version, update your imports as follows:
- import FastifyVite from 'fastify-vite'
+ import FastifyVite from '@fastify/vite'
- import FastifyDXVue from 'fastify-dx-vue'
+ import FastifyVue from '@fastify/vue'See the starter template and full documentation.
@fastify/react v0.1.1
This is the first beta release for Fastify DX for React, now featuring support for Fastify v4 and Vite v3.
If you've been using the alpha version, update your imports as follows:
- import FastifyVite from 'fastify-vite'
+ import FastifyVite from '@fastify/vite'
- import FastifyDXReact from 'fastify-dx-react'
+ import FastifyReact from '@fastify/react'See the starter template and full documentation.
[email protected]
Features
This release brings TypeScript support, and a react-ts starter template.
In practice, this means you can have root.tsx and context.ts properly recognized as (ejected) virtual modules, and use the tsx extension for route modules. The starter templates comes with tsx (the CLI) and a working eslint configuration.
[email protected]
Features
This release brings TypeScript support, and a solid-ts starter template.
In practice, this means you can have root.tsx and context.ts properly recognized as (ejected) virtual modules, and use the tsx extension for route modules. The starter templates comes with tsx (the CLI) and a working eslint configuration.
[email protected]
[email protected]
[email protected]
[email protected]
[email protected]
This release nearly improves SSR performance by roughly 150% replacing renderToStringAsync with renderToString.
Also, for SSR streaming, PassThrough is replaced with minipass which also considerably improves performance.
Improvements
- perf(solid): switch from renderToStringAsync to renderToString
- perf(solid): avoid creating mutable on server
- perf(solid): replace PassThrough with minipass
Examples
[email protected]
This release nearly doubles SSR performance by replacing PassThrough with minipass.
It also fixes a bug where it was not possible to change the route context's state from within a route component and see the changes reflected in the hydration payload. Previously the only way to change state was via the default function in context.js.
The starter template's index.html also changed slightly, with hydration moved after element:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<link rel="stylesheet" href="./base.css">
<!-- head -->
- <!-- hydration -->
</head>
<body>
<main><!-- element --></main>
</body>
+ <!-- hydration -->
<script type="module" src="/dx:mount.js"></script>
</html>Note that currently only state and data are automatically hydrated.