pinglinh

module.exports = {
  module: {
    rules: [
      {
        test: /\.js$/,
        exclude: /node_modules/,
        use: {
          loader: "babel-loader"
        }
      }

pinglinh

import React from "react";

const SearchResult = props => {
  return (
    <ul>
      <li>
        <a href={props.result.webUrl} target="_blank">
          {props.result.webTitle}
        </a>
      </li>

pinglinh

import React from "react";
import Search from "../../components/Search";

class SearchContainer extends React.Component {
  constructor(props) {
    super(props);
    this.state = {
      value: "",
      articles: []
    };

pinglinh

import React from "react";
import SearchResult from "../SearchResult";

const Search = props => {
  return (
    <div>
      <h1>The Guardian Search App</h1>
      <form onSubmit={props.handleSubmit}>
        <input
          type="text"

pinglinh

import React from "react";
import SearchResult from "../SearchResult";

const Search = props => {
  return (
    <div>
      <h1>The Guardian Search App</h1>
      <form onSubmit={props.handleSubmit}>
        <input
          type="text"

pinglinh

import React from "react";
import SearchResult from "./SearchResult";

export class Search extends React.Component {
  constructor(props) {
    super(props);

    this.state = {
      value: "",
      articles: []

pinglinh

import React from "react";

export class Search extends React.Component {
  constructor(props) {
    super(props);

    this.state = {
      value: "",
      articles: []
    };

pinglinh

const HtmlWebPackPlugin = require("html-webpack-plugin");

const htmlWebpackPlugin = new HtmlWebPackPlugin({
  template: "./src/index.html",
  filename: "./index.html"
});

module.exports = {
  module: {
    rules: [

pinglinh

const HtmlWebPackPlugin = require("html-webpack-plugin");

const htmlWebpackPlugin = new HtmlWebPackPlugin({
  template: "./src/index.html",
  filename: "./index.html"
});

module.exports = {
  module: {
    rules: [

pinglinh

const HtmlWebPackPlugin = require("html-webpack-plugin");

const htmlPlugin = new HtmlWebPackPlugin({
  template: "./src/index.html",
  filename: "./index.html"
});

module.exports = {
  module: {
    rules: [