- This is an example of a nested component that was imported via
- import / export syntax.
-
-
- );
- }
-}
diff --git a/react-es6-popup/src/popup.js b/react-es6-popup/src/popup.js
deleted file mode 100755
index 52da0ca..0000000
--- a/react-es6-popup/src/popup.js
+++ /dev/null
@@ -1,36 +0,0 @@
-import React from 'react';
-import ReactDOM from 'react-dom';
-
-import Nested from './nested-component';
-
-class Popup extends React.Component {
- constructor(props) {
- super(props);
- this.state = {activeTab: null};
- }
-
- componentDidMount() {
- // Get the active tab and store it in component state.
- browser.tabs.query({active: true}).then(tabs => {
- this.setState({activeTab: tabs[0]});
- });
- }
-
- render() {
- const {activeTab} = this.state;
- return (
-
-
React Component
-
- This is an example of a popup UI in React.
-
-
- Active tab: {activeTab ? activeTab.url : '[waiting for result]'}
-
-
-
- );
- }
-}
-
-ReactDOM.render(, document.getElementById('app'));
diff --git a/react-es6-popup/webpack.config.js b/react-es6-popup/webpack.config.js
deleted file mode 100644
index 9228073..0000000
--- a/react-es6-popup/webpack.config.js
+++ /dev/null
@@ -1,45 +0,0 @@
-const path = require('path');
-const webpack = require('webpack');
-
-module.exports = {
- entry: {
- // Each entry in here would declare a file that needs to be transpiled
- // and included in the extension source.
- // For example, you could add a background script like:
- // background: './src/background.js',
- popup: './src/popup.js',
- },
- output: {
- // This copies each source entry into the extension dist folder named
- // after its entry config key.
- path: path.join(path.resolve(__dirname), 'extension', 'dist'),
- filename: '[name].js',
- },
- module: {
- // This transpiles all code (except for third party modules) using Babel.
- rules: [{
- exclude: /node_modules/,
- test: /\.js$/,
- // Babel options are in .babelrc
- use: ['babel-loader'],
- }],
- },
- resolve: {
- // This allows you to import modules just like you would in a NodeJS app.
- extensions: ['.js', '.jsx'],
- modules: [
- 'src',
- 'node_modules',
- ],
- },
- plugins: [
- // Since some NodeJS modules expect to be running in Node, it is helpful
- // to set this environment var to avoid reference errors.
- new webpack.DefinePlugin({
- 'process.env.NODE_ENV': JSON.stringify('production'),
- }),
- ],
- // This will expose source map files so that errors will point to your
- // original source files instead of the transpiled files.
- devtool: 'sourcemap',
-};