mirror of
https://github.com/facebook/react.git
synced 2026-02-23 20:23:02 +00:00
8ef00dbb7d
* Cut out isomorphic dependencies from the renderers These files reaches into isomorphic files. The ReactElement functions are exposed on the React object anyway so I can just use those instead. I also found some files that are not shared that should be in renderers shared. * Found a few more shared dependencies renderSubtreeIntoContainer is only used by the DOM renderer. It's not an addon. ReactClass isn't needed as a dependency since injection doesn't happen anymore. * Use a shim file to load addons' dependencies on DOM By replacing this intermediate file we can do the lazy loading without needing any lazy requires. This set up works with ES modules. We could also replace the globalShim thing with aliased files instead for consistency. * Bundle DOM renderers into their individual UMD bundles Instead of exposing the entire DOM renderer on the react.js package, I only expose CurrentOwner and ComponentTreeDevtool which are currently the only two modules that share __state__ with the renderers. Then I package each renderer in its own package. That could allow us to drop more server dependencies from the client package. It will also allow us to ship fiber as a separate renderer. Unminified DEV after before react.js 123kb 696kb react-with-addons.js 227kb 774kb react-dom.js 668kb 1kb react-dom-server.js 638kb 1kb Minified PROD after before react.min.js 24kb 154kb react-with-addons.min.js 37kb 166kb react-dom.min.js 149kb 1kb react-dom-server.min.js 144kb 1kb The total size for react.min.js + react-dom.min.js is +19kb larger because of the overlap between them right now. I'd like to see what an optimizing compiler can do to this. Some of that is fbjs stuff. There shouldn't need to be that much overlap so that's something we can hunt. We should keep isomorphic absolutely minimal so there's no reason for other React clones not to use it. There will be less overlap with Fiber. However, another strategy that we could do is package the isomorphic package into each renderer bundle and conditionally initialize it if it hasn't already been initialized. That way you only pay an overlap tax when there are two renderers on the page but not without it. It's also easier to just pull in one package. The downside is the versioning stuff that the separate npm package would solve. That applies to CDNs as well. ReactWithAddons is a bit weird because it is packaged into the isomorphic package but has a bunch of DOM dependencies. So we have to load them lazily since the DOM package gets initialized after.
115 lines
3.7 KiB
JSON
115 lines
3.7 KiB
JSON
{
|
|
"name": "react-build",
|
|
"private": true,
|
|
"version": "16.0.0-alpha",
|
|
"devDependencies": {
|
|
"aliasify": "^2.0.0",
|
|
"art": "^0.10.1",
|
|
"async": "^1.5.0",
|
|
"babel-cli": "^6.6.5",
|
|
"babel-core": "^6.0.0",
|
|
"babel-eslint": "^5.0.0",
|
|
"babel-plugin-check-es2015-constants": "^6.5.0",
|
|
"babel-plugin-syntax-trailing-function-commas": "^6.5.0",
|
|
"babel-plugin-transform-class-properties": "^6.11.5",
|
|
"babel-plugin-transform-es2015-arrow-functions": "^6.5.2",
|
|
"babel-plugin-transform-es2015-block-scoped-functions": "^6.5.0",
|
|
"babel-plugin-transform-es2015-block-scoping": "^6.5.0",
|
|
"babel-plugin-transform-es2015-classes": "^6.5.2",
|
|
"babel-plugin-transform-es2015-computed-properties": "^6.5.2",
|
|
"babel-plugin-transform-es2015-destructuring": "^6.5.0",
|
|
"babel-plugin-transform-es2015-for-of": "^6.5.2",
|
|
"babel-plugin-transform-es2015-literals": "^6.5.0",
|
|
"babel-plugin-transform-es2015-modules-commonjs": "^6.5.2",
|
|
"babel-plugin-transform-es2015-object-super": "^6.5.0",
|
|
"babel-plugin-transform-es2015-parameters": "^6.5.0",
|
|
"babel-plugin-transform-es2015-shorthand-properties": "^6.5.0",
|
|
"babel-plugin-transform-es2015-spread": "^6.5.2",
|
|
"babel-plugin-transform-es2015-template-literals": "^6.5.2",
|
|
"babel-plugin-transform-es3-member-expression-literals": "^6.5.0",
|
|
"babel-plugin-transform-es3-property-literals": "^6.5.0",
|
|
"babel-plugin-transform-object-rest-spread": "^6.6.5",
|
|
"babel-plugin-transform-react-jsx-source": "^6.8.0",
|
|
"babel-preset-react": "^6.5.0",
|
|
"babel-traverse": "^6.9.0",
|
|
"babylon": "6.8.0",
|
|
"browserify": "^13.0.0",
|
|
"browserify-global-shim": "^1.0.3",
|
|
"bundle-collapser": "^1.1.1",
|
|
"coffee-script": "^1.8.0",
|
|
"core-js": "^2.2.1",
|
|
"coveralls": "^2.11.6",
|
|
"del": "^2.0.2",
|
|
"derequire": "^2.0.3",
|
|
"eslint": "1.10.3",
|
|
"eslint-plugin-react": "4.1.0",
|
|
"eslint-plugin-react-internal": "file:eslint-rules",
|
|
"fbjs": "^0.8.1",
|
|
"fbjs-scripts": "^0.6.0",
|
|
"flow-bin": "^0.27.0",
|
|
"glob": "^6.0.1",
|
|
"grunt": "^0.4.5",
|
|
"grunt-cli": "^0.1.13",
|
|
"grunt-compare-size": "^0.4.0",
|
|
"grunt-contrib-clean": "^0.6.0",
|
|
"grunt-contrib-compress": "^0.14.0",
|
|
"gulp": "^3.9.0",
|
|
"gulp-babel": "^6.0.0",
|
|
"gulp-flatten": "^0.2.0",
|
|
"gulp-load-plugins": "^1.2.4",
|
|
"gulp-util": "^3.0.7",
|
|
"gzip-js": "~0.3.2",
|
|
"jest": "^12.1.1",
|
|
"loose-envify": "^1.1.0",
|
|
"object-assign": "^4.1.0",
|
|
"platform": "^1.1.0",
|
|
"run-sequence": "^1.1.4",
|
|
"through2": "^2.0.0",
|
|
"tmp": "~0.0.28",
|
|
"typescript": "~1.8.10",
|
|
"uglify-js": "^2.5.0",
|
|
"uglifyify": "^3.0.1"
|
|
},
|
|
"devEngines": {
|
|
"node": "4.x || 5.x || 6.x",
|
|
"npm": "2.x || 3.x"
|
|
},
|
|
"commonerConfig": {
|
|
"version": 7
|
|
},
|
|
"scripts": {
|
|
"build": "grunt build",
|
|
"linc": "git diff --name-only --diff-filter=ACMRTUB `git merge-base HEAD master` | grep '\\.js$' | xargs eslint --",
|
|
"lint": "grunt lint",
|
|
"postinstall": "node node_modules/fbjs-scripts/node/check-dev-engines.js package.json",
|
|
"test": "jest",
|
|
"flow": "flow"
|
|
},
|
|
"jest": {
|
|
"modulePathIgnorePatterns": [
|
|
"/.module-cache/",
|
|
"/react/build/"
|
|
],
|
|
"persistModuleRegistryBetweenSpecs": true,
|
|
"rootDir": "",
|
|
"scriptPreprocessor": "scripts/jest/preprocessor.js",
|
|
"setupEnvScriptFile": "scripts/jest/environment.js",
|
|
"setupTestFrameworkScriptFile": "scripts/jest/test-framework-setup.js",
|
|
"testFileExtensions": [
|
|
"coffee",
|
|
"js",
|
|
"ts"
|
|
],
|
|
"testPathDirs": [
|
|
"<rootDir>/eslint-rules",
|
|
"<rootDir>/mocks",
|
|
"<rootDir>/scripts",
|
|
"<rootDir>/src",
|
|
"node_modules/fbjs"
|
|
],
|
|
"unmockedModulePathPatterns": [
|
|
""
|
|
]
|
|
}
|
|
}
|