Skip to content

Latest commit

 

History

History
56 lines (38 loc) · 2.1 KB

v4-migration.md

File metadata and controls

56 lines (38 loc) · 2.1 KB
Raw

V4 Breaking changes:

inferno-component is removed. Inferno.Component (ES6) Class has been moved to inferno package.

findDOMNode has been moved to inferno-compat

string components now require inferno-compat

Default exports have been removed from all packages except inferno-compat. If you are getting exception for example: cannot read Inferno.createComponentVNode make sure you have babel-plugin-inferno before babel module transformers in your .babelrc file.

Inferno packages are now using peerDependencies to external components to avoid duplicates

module entry has been added to package.json for all packages.

NOTE: module entry point ("module": "index.mjs") targets to production build of Inferno. If you are doing development using Inferno you should use dist/index.dev.js - file or module entry point: "dev:module": "dist/index.dev.mjs"

createVNode cannot be used to create Component vNodes anymore. use createComponentVNode(flags, type, props, key, ref) instead.

VNodeFlags and ChildrenFlags have changed, see inferno-vnode-flags package for new flags.

There is no more "noNormalize" parameter for createVNode if you have been using it and you need to normalize children you need to pass childFlags.UnknownChildren as childFlags parameter.

example:

import {createVNode, render} from 'inferno';
import {VNodeFlags, ChildFlags} from 'inferno-vnode-flags';

render(
    createVNode(
        VNodeFlags.HtmlElement,
        'div',
        'example-class'
        data, // unknown children
        ChildFlags.UnknownChildren // This tells inferno to normalize (data)
    ),
    document.getElementById('root')
);

inferno-compat users should install all dependencies they use themselves. For example:

npm install --save inferno
npm install --save inferno-compat
npm install --save inferno-clone-vnode
npm install --save inferno-create-class
npm install --save inferno-create-element
  • Many JSX flags have changed, see babel-plugin-inferno README for more information

Create Inferno App

It now uses npx create-inferno-app your-app to create new application