Comments (9)
Haven't looked into that at all, sounds interesting though. Would love a PR!
from react-boilerplate.
Sorry, I'm already quite busy with an OSS projet.
I'm curiouse, why just adding one of the 4 plugins?
from react-boilerplate.
The rest of them don't make any sense for this boilerplate:
transform-runtime
transforms ES6 to ES5 client side, we transpile it on build already and send the ES5 version to the client.transform-react-constant-elements
hoists all react elements to the outer most scope, but since we use modules we don't want that at all.transform-react-inline-elements
no idea what "exploded react objects" are and what the benefit of having JSX as them is.
EDIT: I didn't know what I was talking about, see below
from react-boilerplate.
From my point of view, we need them.
transform-runtime
Externalise references to helpers and builtins. That meens it's reducing the output file by prevented helper function to be duplicated in each file.transform-react-constant-elements
reduces call to React.createElement and the resulting allocations. More importantly, it tells React that the subtree hasn't changed so React can completely skip it when reconciling.transform-react-inline-elements
it's preventing call to React.createElement by using a raw js object. This improve performances.
from react-boilerplate.
Ah I see, that was a total misunderstanding on my part then! I'll reopen the issue and fix them when I get the time. (or maybe somebody else has some time at their hand and wants to contribute?)
What are the cons of using these plugin, why isn't everybody using them?
from react-boilerplate.
What are the cons of using these plugin
Those plugins doesn't play well in a development environnement. That's their first drawbacks.
I have also noticed that transform-react-inline-elements
increase the output build size.
why isn't everybody using them?
I guess it's because nobody is taking about them.
from react-boilerplate.
I'm still unsure what transform-runtime
actually does. When I include it, it increases the output build size and throws a bunch of errors that the
module
babel-runtime/helpers/jsx
cannot be resolved
Why would I want to include babel-runtime/helpers/jsx
in my build output?
from react-boilerplate.
Well, I'm joining your point, on some of my project transform-runtime
increase the build size, on other it decrease it. Plus, I have noticed this issue with IE11 http://phabricator.babeljs.io/T6946.
I'm gonna close this issue. Thanks!
from react-boilerplate.
This thread has been automatically locked since there has not been any recent activity after it was closed. Please open a new issue for related bugs.
from react-boilerplate.
Related Issues (20)
- Redux Saga API is being called twice yet the action is dispatched only once HOT 1
- npm setup failed: `Error: could not resolve` HOT 4
- The DLL files are missing. Sit back while we build them for you with "npm run build-dll" HOT 1
- not working on macbook
- Include relative static files from index.html HOT 3
- Migration from old boiler plate to CRA base boiler plate
- updating node 12 to node 16 HOT 1
- micro frontend structer HOT 1
- upgrade package and project HOT 1
- ngrok - platform darwinarm64 is not supported HOT 3
- caniuse-lite is outdated HOT 1
- Not able setup react boilerplate on Windows 10 Home Single Language
- Existence of security vulnerabilities
- opensslErrorStack: [ 'error:03000086:digital envelope routines::initialization error'
- Actions calling in different containers HOT 1
- Install New Project
- your website is down
- upgrade the project from react-boilerplate to cra-react-boilerplate
- migrating to react-router-dom v6 HOT 1
- How to migrate from react-boilerplate to react CRA? HOT 1
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from react-boilerplate.