Project

General

Profile

Actions

Task #1330

closed

Upgrade React Js to version 16

Added by Vít Švanda over 5 years ago. Updated over 4 years ago.

Status:
Rejected
Priority:
Normal
Assignee:
Vít Švanda
Category:
Frontend
Target version:
Start date:
10/17/2018
Due date:
% Done:

0%

Estimated time:
Owner:
Actions #1

Updated by Vít Švanda over 5 years ago

Problems:

  • PropTypes is not included in React 16 and must be installed separately (change in all components):
    import React, { PropTypes } from 'react';
    ->
    import React from 'react';
    import PropTypes from 'prop-types';
    
  • React-helmet is dead (5.2.0 maybe works)
  • PatternUtils is not in the 'react-router/lib/PatternUtils' (not solved -> commented)
  • Last package.json:
       "dependencies": {
        "babel-polyfill": "6.26.0",
        "babel-runtime": "6.26.0",
        "bootstrap-less": "3.3.8",
        "browserify": "16.2.3",
        "classnames": "2.2.5",
        "draft-js": "0.10.5",
        "draft-js-export-html": "1.2.0",
        "es6-promise": "4.2.5",
        "font-awesome": "4.7.0",
        "github-markdown-css": "2.2.1",
        "gulp-concat": "2.6.0",
        "gulp-each": "0.2.0",
        "gulp-inject": "4.1.0",
        "gulp-replace": "0.5.4",
        "gulp-shell": "0.5.2",
        "i18next": "3.4.4",
        "i18next-browser-languagedetector": "1.0.1",
        "i18next-localstorage-cache": "0.3.0",
        "i18next-xhr-backend": "1.2.1",
        "immutable": "3.8.1",
        "invariant": "2.2.0",
        "isomorphic-fetch": "2.2.1",
        "joi": "6.10.0",
        "jquery": "3.3.1",
        "jwt-decode": "2.1.0",
        "lodash": "4.17.5",
        "log4js": "0.6.36",
        "marked": "0.3.9",
        "moment": "2.22.2",
        "normalize.less": "1.0.0",
        "object-assign": "4.0.1",
        "react": "16.5.2",
        "react-ace": "3.7.0",
        "react-async-script": "0.9.1",
        "react-bootstrap": "0.32.4",
        "react-cropper": "1.0.1",
        "react-datetime": "2.15.0",
        "react-dom": "16.5.2",
        "react-draft-wysiwyg": "1.12.13",
        "react-dropzone": "6.2.4",
        "react-google-recaptcha": "1.0.4",
        "react-helmet": "5.2.0",
        "react-notification-system": "0.2.17",
        "react-overlays": "0.8.3",
        "react-redux": "5.0.7",
        "react-router": "4.3.1",
        "react-router-redux": "3.0.0",
        "react-select": "2.1.0",
        "react-treebeard": "3.1.0",
        "react-waypoint": "8.0.3",
        "redux": "3.5.1",
        "redux-immutable": "1.3.10",
        "redux-localstorage": "1.0.0-rc4",
        "redux-localstorage-filter": "0.1.1",
        "redux-promise": "0.5.0",
        "redux-thunk": "2.0.1",
        "sockjs-client": "1.1.1",
        "stompjs": "2.3.3",
        "stringify": "5.1.0",
        "uuid": "2.0.1",
        "vinyl-fs": "3.0.2",
        "zxcvbn": "4.4.1",
        "prop-types": "15.6.2" 
      },
      "devDependencies": {
        "babel": "5.8.38",
        "babel-core": "5.8.38",
        "babel-eslint": "^4.1.8",
        "babel-plugin-dev-expression": "^0.1.0",
        "babel-register": "^6.14.0",
        "babelify": "6.3.0",
        "browser-sync": "2.9.11",
        "chai": "3.5.0",
        "dirty-chai": "^1.2.2",
        "eslint": "^1.10.3",
        "eslint-config-airbnb": "^0.1.1",
        "eslint-plugin-babel": "^3.1.0",
        "eslint-plugin-mocha": "^1.1.0",
        "eslint-plugin-react": "^3.16.1",
        "faker": "3.0.1",
        "fs-extra": "0.26.7",
        "gulp": "3.9.0",
        "gulp-autoprefixer": "3.1.0",
        "gulp-bootlint": "0.6.4",
        "gulp-eslint": "1.0.0",
        "gulp-flatmap": "^1.0.0",
        "gulp-html-replace": "1.5.1",
        "gulp-image": "1.0.2",
        "gulp-less": "3.0.3",
        "gulp-minify-css": "1.2.1",
        "gulp-mocha": "2.2.0",
        "gulp-notify": "2.2.0",
        "gulp-sourcemaps": "1.5.2",
        "gulp-uglify": "2.0.1",
        "gulp-util": "3.0.7",
        "jsdom": "8.1.0",
        "JSONPath": "0.11.2",
        "mocha": "2.3.0",
        "nock": "^8.0.0",
        "path": "0.12.7",
        "pathmodify": "^0.5.0",
        "react-addons-test-utils": "15.4.1",
        "react-shallow-renderer-helpers": "2.0.2",
        "react-tools": "0.13.3",
        "redux-devtools": "2.1.5",
        "redux-mock-store": "1.0.2",
        "rimraf": "2.4.3",
        "run-sequence": "1.1.2",
        "vinyl-buffer": "1.0.0",
        "vinyl-source-stream": "1.1.0",
        "watchify": "3.7.0",
        "yargs": "4.6.0" 
      }
    
  • I ended on update of react-select for now
Actions #2

Updated by Radek Tomiška almost 5 years ago

I've installed react prop-types library and updated eslint no newer version (+ new rules configuration):
https://github.com/bcvsolutions/CzechIdMng/commit/17410eaf6abe6caa579bd145d71cf313db5d144f

Actions #3

Updated by Radek Tomiška over 4 years ago

  • Target version set to 10.0.0
Actions #4

Updated by Vít Švanda over 4 years ago

Information here are a little obsolete (one year), so I will create new ticket for upgrade the frontend (#1846).

Actions #5

Updated by Vít Švanda over 4 years ago

  • Status changed from In Progress to Rejected
Actions

Also available in: Atom PDF