Further React template support, refinements in 2.4.2

This release brings no CSS changes and instead follows on this week's initial React support in 2.4.1.

11 Dec 2020



This releases 2.4.2 to the CDN

[`https://assets.emblstatic.net/vf/v2.4.2/css/styles.css`](https://assets.emblstatic.net/vf/v2.4.2/css/styles.css)
[`https://assets.emblstatic.net/vf/v2.4.2/scripts/scripts.js`](https://assets.emblstatic.net/vf/v2.4.2/scripts/scripts.js) As a reminder, the rollup CSS and JS are compilations of many independently versioned components and is likely to contain changes that may disrupt the look of your site. We advise testing. Even better is to build your own CSS rollup from the npm sources, [you can find a guide here](/building).

## Improved React support We've already learned a few things from the [initial React proof-of-concept release](/updates/2020-12-09-component-updates/). These updates improve Nunjucks support in React and optimise the build process and documentation. ### [vf-extensions-react](https://github.com/visual-framework/vf-core/tree/develop/tools/vf-extensions-react/#readme) 0.0.2 npm git diff * Use react-dom-fragment to return HTML fragments. * https://github.com/visual-framework/vf-core/pull/1291 * Removes no longer needed raw-loader * Add vf-extensions-react.js for common Nunjucks environment * VF Nunjucks extensions support ### [vf-component-generator](https://github.com/visual-framework/vf-core/tree/develop/tools/vf-component-generator/#readme) 1.1.1 npm git diff * Use react-dom-fragment to return HTML fragments. * https://github.com/visual-framework/vf-core/pull/1291 ### [vf-button](https://latest.visual-framework.dev/components/vf-button/) 1.3.1 npm git diff * React: Use react-dom-fragment to return HTML fragments. * https://github.com/visual-framework/vf-core/pull/1291 ### [vf-card](https://latest.visual-framework.dev/components/vf-card/) 2.3.3 npm git diff * React: Use react-dom-fragment to return HTML fragments. * https://github.com/visual-framework/vf-core/pull/1291

Find an issue on this page? Propose a change or discuss it.