React-redux-universal-hot-example: Out of date dependencies

Created on 14 Apr 2016  ยท  7Comments  ยท  Source: erikras/react-redux-universal-hot-example

With react releasing 15.0.1 current project is not easily updatable to latest dependencies, as there are some breaking changes. I wanted to see if there are plans to get it updated any time soon?

Most helpful comment

Hi,

i'm in the process of updating every dependency in my fork:
https://github.com/medfreeman/react-redux-universal-hot-example/tree/wip

I created a specific branch to update redux-form, since the api has changed a lot :
https://github.com/medfreeman/react-redux-universal-hot-example/tree/redux-form
However this one won't build for now, i have to dig into redux-form to learn to adapt to the new api.

When it's finished i'll also update development dependencies, since i need an up to date base to start a big project.

All 7 comments

Waiting for the same. I tried to upgrade the dependencies and started getting lot of error. One example is Parsing error: Unexpected character '@' at @asyncConnect and all other places. Share your views on if it adds a real value to put effort on upgrade dependencies.

@pathakNishant I believe with react 15.0.1 out, we should consider it, bundle will result in smaller file size, react's add ons were upgraded from 0.x versions up to 15.x now etc..

@erikras Can we expect this in near future ? As I am new to react/redux and want to learn the latest way.

There are many dated dependancies in this repo. To be honest these kind of starter kits are the very worst way to learn the React eco-system. Erikras has many high profile projects that require much of his time.

If you people want feature maybe submit a pull-request. You may learn a few things along the way ;-)

I ran NCU against the current repo as of today. And here are the version updates:
babel-core ^6.5.2 โ†’ ^6.8.0
babel-loader ^6.2.1 โ†’ ^6.2.4
babel-plugin-transform-react-display-name ^6.3.13 โ†’ ^6.8.0
babel-plugin-transform-runtime ^6.3.13 โ†’ ^6.8.0
babel-polyfill ^6.3.14 โ†’ ^6.8.0
babel-preset-es2015 ^6.3.13 โ†’ ^6.6.0
babel-preset-react ^6.3.13 โ†’ ^6.5.0
babel-preset-stage-0 ^6.3.13 โ†’ ^6.5.0
babel-register ^6.3.13 โ†’ ^6.8.0
babel-runtime ^6.3.19 โ†’ ^6.6.1
body-parser ^1.14.1 โ†’ ^1.15.1
compression ^1.6.0 โ†’ ^1.6.2
express ^4.13.3 โ†’ ^4.13.4
express-session ^1.12.1 โ†’ ^1.13.0
hoist-non-react-statics ^1.0.3 โ†’ ^1.0.6
http-proxy ^1.12.0 โ†’ ^1.13.2
invariant ^2.2.0 โ†’ ^2.2.1
less ^2.5.3 โ†’ ^2.7.1
less-loader ^2.2.1 โ†’ ^2.2.3
lru-memoize ^1.0.0 โ†’ ^1.0.1
piping ^0.3.0 โ†’ ^0.3.2
react-inline-css ^2.0.0 โ†’ ^2.1.1
react-redux ^4.0.0 โ†’ ^4.4.5
react-router-redux ^4.0.0 โ†’ ^4.0.4
redux ^3.0.4 โ†’ ^3.5.2
redux-async-connect ^1.0.0-rc2 โ†’ ^1.0.0-rc4
serialize-javascript ^1.1.2 โ†’ ^1.2.0
socket.io ^1.3.7 โ†’ ^1.4.6
socket.io-client ^1.3.7 โ†’ ^1.4.6
superagent ^1.4.0 โ†’ ^1.8.3
webpack-isomorphic-tools ^2.2.18 โ†’ ^2.2.50
autoprefixer-loader ^3.1.0 โ†’ ^3.2.0
babel-plugin-react-transform ^2.0.0 โ†’ ^2.0.2
babel-plugin-typecheck ^3.6.0 โ†’ ^3.9.0
bootstrap-sass ^3.3.5 โ†’ ^3.3.6
bootstrap-sass-loader ^1.0.9 โ†’ ^1.0.10
chai ^3.3.0 โ†’ ^3.5.0
clean-webpack-plugin ^0.1.6 โ†’ ^0.1.9
eslint-loader ^1.0.0 โ†’ ^1.3.0
font-awesome ^4.4.0 โ†’ ^4.6.1
karma ^0.13.10 โ†’ ^0.13.22
karma-sourcemap-loader ^0.3.5 โ†’ ^0.3.7
mocha ^2.3.3 โ†’ ^2.4.5
node-sass ^3.4.2 โ†’ ^3.7.0
react-transform-catch-errors ^1.0.0 โ†’ ^1.0.2
react-transform-hmr ^1.0.1 โ†’ ^1.0.4
redbox-react ^1.1.1 โ†’ ^1.2.4
redux-devtools ^3.0.0-beta-3 โ†’ ^3.3.1
redux-devtools-dock-monitor ^1.0.0-beta-3 โ†’ ^1.1.1
redux-devtools-log-monitor ^1.0.0-beta-3 โ†’ ^1.0.11
sass-loader ^3.1.2 โ†’ ^3.2.0
sinon ^1.17.2 โ†’ ^1.17.4
strip-loader ^0.1.0 โ†’ ^0.1.2
style-loader ^0.13.0 โ†’ ^0.13.1
webpack ^1.12.9 โ†’ ^1.13.0
webpack-dev-middleware ^1.4.0 โ†’ ^1.6.1
webpack-hot-middleware ^2.5.0 โ†’ ^2.10.0

This also generated a few warnings on running npm install with latest versions:
npm WARN deprecated [email protected]: Please use postcss-loader instead of autoprefixer-loader
npm WARN deprecated [email protected]: Replaced by bootstrap-loader. Please upgrade.
npm WARN deprecated [email protected]: Package renamed to phantomjs-prebuilt. Please update 'phantomjs' package references to 'phantomjs-prebuilt'
npm WARN deprecated [email protected]: Deprecated.
npm WARN deprecated [email protected]: Jade has been renamed to pug, please install the latest version of pug instead of jade
npm WARN deprecated [email protected]: graceful-fs v3.0.0 and before will fail on node releases >= v7.0. Please update to graceful-fs@^4.0.0 as soon as possible. Use 'npm ls graceful-fs' to find it in the tree.
npm WARN prefer global [email protected] should be installed with -g

gyp WARN download NVM_NODEJS_ORG_MIRROR is deprecated and will be removed in node-gyp v4, please use NODEJS_ORG_MIRROR

npm WARN [email protected] requires a peer of [email protected] but none was installed.
npm WARN [email protected] requires a peer of phantomjs-prebuilt@>=1.9 but none was installed.
npm WARN [email protected] requires a peer of eslint-plugin-jsx-a11y@^1.2.0 but none was installed.

Hi,

i'm in the process of updating every dependency in my fork:
https://github.com/medfreeman/react-redux-universal-hot-example/tree/wip

I created a specific branch to update redux-form, since the api has changed a lot :
https://github.com/medfreeman/react-redux-universal-hot-example/tree/redux-form
However this one won't build for now, i have to dig into redux-form to learn to adapt to the new api.

When it's finished i'll also update development dependencies, since i need an up to date base to start a big project.

Was this page helpful?
0 / 5 - 0 ratings

Related issues

korczis picture korczis  ยท  3Comments

paulinda picture paulinda  ยท  5Comments

sunkant picture sunkant  ยท  4Comments

massimopibiri picture massimopibiri  ยท  5Comments

krishnasaga picture krishnasaga  ยท  3Comments