Menu
I have understood that since Babel doesn't support decorators out of the box (because it's in early stages of definition) create-react-app doesn't support it as well.
I know that you can eject the generated app and configure Babel to support them, but I don't want to do that.
Finally, libraries like MobX allow you to use decorator's behavior without actually using them, with the help of some utility functions like described at https://mobx.js.org/best/decorators.html
Is there something similar for React?
677
Decorators in React help you take an existing Class component, or function of a Class component, and modify it, thereby allowing you to add extra capabilities, without having to mess with the existing codebase. Modification can be overriding the existing function completely, or just adding extra logic to it.
Create React App is a comfortable environment for learning React, and is the best way to start building a new single-page application in React. npx on the first line is not a typo — it's a package runner tool that comes with npm 5.2+.
Creating a React application requires you to set up build tools such as Babel and Webpack. These build tools are required because React's JSX syntax is a language that the browser doesn't understand.
If you're using modern tooling, such as webpack, create-react-app and similars, you already have tree shaking set up.
Yes, you can, but you need a couple of things,
Make sure you have react-app-rewired and customize-cra installed so you can override webpack and babel configs
install @babel/plugin-proposal-decorators
and update your config-overrides.js file :
const { override, addBabelPlugin } = require("customize-cra");
const pluginProposalDecorators = require("@babel/plugin-proposal-decorators");
module.exports = override(
addBabelPlugin(pluginProposalDecorators)
);
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With
