babel-plugin-react-transform - npm Package Compare versions

Comparing version 2.0.2 to 3.0.0

lib/index.js

@@ -143,3 +143,3 @@ 'use strict';
           factoryMethods: options.factoryMethods || ['React.createClass'],
-          superClasses: options.superClasses || ['React.Component', 'Component'],
+          superClasses: options.superClasses || ['React.Component', 'React.PureComponent', 'Component', 'PureComponent'],
           transforms: options.transforms.map(function (opts) {
@@ -146,0 +146,0 @@ return {

package.json

 {
   "name": "babel-plugin-react-transform",
-  "version": "2.0.2",
+  "version": "3.0.0",
   "description": "Babel plugin to instrument React components with custom transforms",
@@ -5,0 +5,0 @@ "main": "lib/index.js",

README.md

@@ -1,6 +0,5 @@
-> These docs are for the v2 release using Babel 6, if you are still on Babel 5 then you should use
-> v1.1 instead.
->
-> View the `v1.1` docs [here](https://github.com/gaearon/babel-plugin-react-transform/tree/v1.1.1)
+>## This Project Is Deprecated
 
+>React Hot Loader 3 is [on the horizon](https://github.com/gaearon/react-hot-loader/pull/240), and you can try it today ([boilerplate branch](https://github.com/gaearon/react-hot-boilerplate/pull/61), [upgrade example](https://github.com/gaearon/redux-devtools/commit/64f58b7010a1b2a71ad16716eb37ac1031f93915)). It fixes some [long-standing issues](https://twitter.com/dan_abramov/status/722040946075045888) with both React Hot Loader and React Transform, and is intended as a replacement for both. The docs are not there yet, but they will be added before the final release. For now, [this commit](https://github.com/gaearon/redux-devtools/commit/64f58b7010a1b2a71ad16716eb37ac1031f93915) is a good reference.
+
 # babel-plugin-react-transform
@@ -14,2 +13,12 @@
 
+## 🚧🚧🚧🚧🚧
+
+This is **highly experimental tech**. If you’re enthusiastic about hot reloading, by all means, give it a try, but don’t bet your project on it. Either of the technologies it relies upon may change drastically or get deprecated any day. You’ve been warned 😉 .
+
+**This technology exists to prototype next-generation React developer experience**. Please don’t use it blindly if you don’t know the underlying technologies well. Otherwise you are likely to get disillusioned with JavaScript tooling.
+
+**No effort went into making this user-friendly yet. The goal is to eventually kill this technology** in favor of less hacky technologies baked into React. These projects are not long term.
+
+## Table of Contents
+
 * [Ecosystem](#ecosystem)
@@ -22,4 +31,6 @@ * [Demo Project](#demo-project)
 
-For a reference implementation, see [**react-transform-boilerplate**](https://github.com/gaearon/react-transform-boilerplate).
+For a reference implementation, see [**react-transform-boilerplate**](https://github.com/gaearon/react-transform-boilerplate).  
+For a starter kit to help write your own transforms, see [**react-transform-noop**](https://github.com/pwmckenna/react-transform-noop).
 
+
 #### Transforms
@@ -31,2 +42,5 @@
 * [**react-transform-render-visualizer**](https://github.com/spredfast/react-transform-render-visualizer) - highlight components when updated
+* [**react-transform-style**](https://github.com/pwmckenna/react-transform-style) - support `style` and `className` styling for all components
+* [**react-transform-log-render**](https://github.com/rkit/react-transform-log-render) - log component renders with passed props and state
+* [**react-transform-count-renders**](https://github.com/stipsan/react-transform-count-renders) - counts how many times your components render
 
@@ -33,0 +47,0 @@ Feeling inspired? Learn [how to write transforms](#writing-transforms) and send a PR!

test/fixtures/code-exports/actual.js

@@ -1,8 +0,6 @@
-export default class Foo extends React.Component {}
-export default class extends React.Component {}
+export class Foo extends React.Component {}
 export default React.createClass({});
 export class Bar extends React.Component {}
 export const bar = React.createClass({});
-export default class Baz { render() {} }
-export default class { render() {} }
+export class Baz { render() {} }
 export class Boo { render() {} }

test/fixtures/code-exports/expected.js

@@ -1,14 +0,10 @@
-export default class Foo extends React.Component {}
-export default class extends React.Component {}
+export class Foo extends React.Component {}
 export default React.createClass({});
 export class Bar extends React.Component {}
 export const bar = React.createClass({});
-export default class Baz {
+export class Baz {
   render() {}
 }
-export default class {
-  render() {}
-}
 export class Boo {
   render() {}
 }

test/fixtures/code-ignore/actual.js

@@ -8,1 +8,11 @@ import React from 'react';
 class Second extends React.NotComponent {}
+
+const myCreateClass = spec => {
+  return React.createClass(spec);
+};
+
+const spec = {
+  render: function () {}
+};
+
+React.createClass(spec);

test/fixtures/code-ignore/expected.js

@@ -8,1 +8,11 @@ import React from 'react';
 class Second extends React.NotComponent {}
+
+const myCreateClass = spec => {
+  return React.createClass(spec);
+};
+
+const spec = {
+  render: function () {}
+};
+
+React.createClass(spec);

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

44893

increased by9.06%

Number of package files

102

increased by4.08%

Lines of code

789

increased by4.37%

Number of lines in readme file

241

increased by6.17%

No dependency changes