A flexible playground for live editing React components
Full Changelog: https://github.com/FormidableLabs/react-live/compare/v3.1.0...v3.1.1
This pre-release is currently available on NPM via
yarn add react-live@next
v3.0.0Full Changelog: https://github.com/FormidableLabs/react-live/compare/v3.0.0...v3.1.0
This release contains significant internal changes.
Prior to v3.0.0, earlier versions of the library used different internals. We recommend using the latest version you can.
| Version | Supported React version | Editor | Transpiler |
|---|---|---|---|
| v3.x.x | v17.x.x | use-editable |
Sucrase |
| v2.x.x | v16.x.x | react-simple-code-editor |
Bublé |
Additionally, several members of the community reported an issue introduced in 2.3.0 which threw the following Invariant error:
Error: Invalid hook call. Hooks can only be called inside of the body of a function component. This could happen for one of the following reasons:
1. You might have mismatching versions of React and the renderer (such as React DOM)
2. You might be breaking the Rules of Hooks
3. You might have more than one copy of React in the same app
See https://fb.me/react-invalid-hook-call for tips about how to debug and fix this problem.
This appears to have been cause by differing React versions between React Live and projects targeting React 17.
Upgrading to this new release should address that issue.
transpileOptions prop as Sucrase does not require additional optionsreact-simple-code-editor to use-editable by @jpdriver in https://github.com/FormidableLabs/react-live/pull/266
prism prop to Editor by @srmagura in https://github.com/FormidableLabs/react-live/pull/287
transformCode, catch transformCode errors by @srmagura in https://github.com/FormidableLabs/react-live/pull/285
v2.4.1 or earliercode prop for Editor component by @andgra in https://github.com/FormidableLabs/react-live/pull/271
v3.0.0style prop to inner div by @thiskevinwang in https://github.com/FormidableLabs/react-live/pull/299
font-family is respected by @jpdriver in https://github.com/FormidableLabs/react-live/pull/300
Full Changelog: https://github.com/FormidableLabs/react-live/compare/v2.4.1...v3.0.0
lint task https://github.com/FormidableLabs/react-live/pull/289
This release is intended to upgrade some of the core dependencies ahead of more significant changes coming in the next major release.
ws https://github.com/FormidableLabs/react-live/pull/258
merge https://github.com/FormidableLabs/react-live/pull/251
url-parse https://github.com/FormidableLabs/react-live/pull/247
handlebars https://github.com/FormidableLabs/react-live/pull/246
ua-parser-js https://github.com/FormidableLabs/react-live/pull/244
y18n https://github.com/FormidableLabs/react-live/pull/239
ini https://github.com/FormidableLabs/react-live/pull/229
websocket-extensions https://github.com/FormidableLabs/react-live/pull/208
transpileOptions prop to LiveProvider https://github.com/FormidableLabs/react-live/pull/260
Editor is now a functional component⚠️ Please note -- if you have implemented a custom editor that extended the previous
classimplementation ofEditor, this will no longer work.Please see the Custom Editor story for an example of how to implement a custom editor without extending the built-in one.
componentDidMount)core-js bumped from ^2.4.1 to ^3.14.0
h/t to @tomByrer, @bkonkle, @maksnester
create-react-context https://github.com/FormidableLabs/react-live/pull/225
⚠️ Please note -- this change officially breaks support for React 15. I decided against a major release since React 15 support has been unofficially broken since 2.0.0
https://github.com/FormidableLabs/react-live/compare/v2.2.1...v2.2.2