Como usar o mobx no react-native 0.56 (Babel 7) com decoradores
Atualizei meu aplicativo RN de 0.55.4 para 0.56 que usa o Babel 7.
Na 0.55.4, para usar decoradores para MOBX, uso "babel-plugin-transform-decorators-legacy", mas não é compatível com o Babel 7 ...
versão react-native: 0.56.0 versão mobx: 5.0.3 versão mobx-react: 5.2.3
alguém tem a solução?
obrigado
ATUALIZAR:
O aplicativo funciona emDEBUG
com esta configuração
package.json
...
"devDependencies": {
"@babel/core": "7.0.0-beta.47",
"@babel/plugin-proposal-decorators": "7.0.0-beta.47"
...
}
.babelrc
{
"presets": [
["react-native"]
],
"plugins": [
["@babel/plugin-proposal-decorators", { "legacy": true }]
]
}
Mas emRELEASE
xCode falhar com este erro:
babelHelpers.applyDecoratedDescriptor is not a function.
ATUALIZAÇÃO 2, CONFIGURAÇÃO DE TRABALHO:
Esta é a minha configuração de trabalho:
package.json
...
"devDependencies": {
"@babel/core": "7.0.0-beta.47",
"@babel/plugin-proposal-decorators": "7.0.0-beta.47",
"@babel/runtime": "7.0.0-beta.47",
"babel-jest": "23.2.0",
"babel-preset-react-native": "5.0.2",
"jest": "23.3.0",
"react-test-renderer": "16.4.1"
}
...
.babelrc
{
"presets": [
["react-native"]
],
"plugins": [
["@babel/plugin-proposal-decorators", { "legacy": true }]
]
}
Em seguida, no arquivo index.js (arquivo inicial do aplicativo principal), preciso importar as bibliotecas decoradoras babel:
index.js
import applyDecoratedDescriptor from '@babel/runtime/helpers/es6/applyDecoratedDescriptor';
import initializerDefineProperty from '@babel/runtime/helpers/es6/initializerDefineProperty';
Object.assign(babelHelpers, {applyDecoratedDescriptor, initializerDefineProperty});
require('./app.js');
app.js
import {AppRegistry} from 'react-native';
import AppName from './app/index';
AppRegistry.registerComponent(appName, () => AppName);