React 16.8 and greater

.babelrc

@@ -1,6 +1,5 @@
 {
   "presets": [
-    "es2015",
-    "react"
+    "@babel/preset-env", "@babel/preset-react"
   ]
 }

.prettierrc

@@ -0,0 +1,7 @@
+{
+  "singleQuote": true,
+  "jsxSingleQuote": true,
+  "jsxBracketSameLine": true,
+  "trailingComma": "es5",
+  "tabWidth": 2
+}

gulpfile.js

@@ -7,75 +7,80 @@ var uglify = require('gulp-uglify');
 var source = require('vinyl-source-stream');
 process.env.NODE_ENV = 'production';
 
-gulp.task('prod', function() {
-  return gulp.src('./src/anychart-react.jsx')
-    .pipe(babel({
-      presets: ['es2015', 'react']
-    }))
+gulp.task('prod', function () {
+  return gulp
+    .src('./src/anychart-react.jsx')
+    .pipe(babel())
     .pipe(uglify())
     .pipe(rename('anychart-react.min.js'))
     .pipe(gulp.dest('./dist/'));
 });
 
-gulp.task('dev', function() {
-  return gulp.src('./src/anychart-react.jsx')
-    .pipe(babel({
-      presets: ['es2015', 'react']
-    }))
+gulp.task('dev', function () {
+  return gulp
+    .src('./src/anychart-react.jsx')
+    .pipe(babel())
     .pipe(rename('anychart-react.js'))
     .pipe(gulp.dest('./dist/'));
 });
 
-gulp.task('default', ['dev', 'prod']);
+gulp.task('default', gulp.parallel(['dev', 'prod']));
 
 /*
  * Tasks for examples.
  */
 
-var pipeline = function(name) {
-  browserify({
-    entries: ['./examples/src/' + name + '.js'],
-    transform: [
-      ["babelify", {"presets": ["es2015", "react"]}]
-    ]
-  })
+const pipeline = function (name) {
+  return browserify(`./examples/src/${name}.js`)
+    .transform('babelify')
     .bundle()
     .pipe(source(name + '.min.js'))
     .pipe(streamify(uglify()))
-    .pipe(gulp.dest('./examples/' + name))
+    .pipe(gulp.dest('./examples/' + name));
 };
 
-gulp.task('chart_with_json', function() {
-  pipeline('chart_with_json')
+gulp.task('chart_with_json', function () {
+  return pipeline('chart_with_json');
 });
 
-gulp.task('multiseries_column_chart', function() {
-  pipeline('multiseries_column_chart')
+gulp.task('multiseries_column_chart', function () {
+  return pipeline('multiseries_column_chart');
 });
 
-gulp.task('charts_with_controls', function() {
-  pipeline('charts_with_controls')
+gulp.task('charts_with_controls', function () {
+  return pipeline('charts_with_controls');
 });
 
-gulp.task('choropleth_map', function() {
-  pipeline('choropleth_map')
+gulp.task('choropleth_map', function () {
+  return pipeline('choropleth_map');
 });
 
-gulp.task('data_streaming', function() {
-  pipeline('data_streaming')
+gulp.task('data_streaming', function () {
+  return pipeline('data_streaming');
 });
 
-gulp.task('simple_dashboard', function() {
-  pipeline('simple_dashboard')
+gulp.task('simple_dashboard', function () {
+  return pipeline('simple_dashboard');
 });
 
-gulp.task('stock', function() {
-  pipeline('stock')
+gulp.task('stock', function () {
+  return pipeline('stock');
 });
 
-gulp.task('tabs', function() {
-  pipeline('tabs')
+gulp.task('tabs', function () {
+  return pipeline('tabs');
 });
 
-var allExamples = ['chart_with_json', 'charts_with_controls', 'choropleth_map', 'data_streaming', 'multiseries_column_chart', 'simple_dashboard', 'stock', 'tabs'];
-gulp.task('examples', allExamples);
+gulp.task(
+  'examples',
+  gulp.series([
+    'chart_with_json',
+    'charts_with_controls',
+    'choropleth_map',
+    'data_streaming',
+    'multiseries_column_chart',
+    'simple_dashboard',
+    'stock',
+    'tabs',
+  ])
+);