{"size": 956, "ext": "js", "max_stars_repo_path": "src/App.js", "max_stars_repo_name": "scraggo/immutable-tutorial-sandbox", "max_stars_repo_stars_event_min_datetime": "2020-11-07T07:40:53.000Z", "max_stars_repo_stars_event_max_datetime": "2020-11-07T07:40:53.000Z", "max_issues_repo_path": "src/App.js", "max_issues_repo_name": "scraggo/immutable-tutorial-sandbox", "max_issues_repo_issues_event_min_datetime": "2021-03-09T17:46:35.000Z", "max_issues_repo_issues_event_max_datetime": "2022-02-26T17:46:09.000Z", "max_forks_repo_path": "src/App.js", "max_forks_repo_name": "scraggo/immutable-tutorial-sandbox", "max_forks_repo_forks_event_min_datetime": null, "max_forks_repo_forks_event_max_datetime": null}
{"max_stars_count": 1, "max_issues_count": 5, "max_forks_count": null, "avg_line_length": 27.3142857143, "max_line_length": 101, "alphanum_fraction": 0.6213389121}
import React from "react";
import Immutable from "immutable";
import "./App.css";

import { examples } from "./examples";
import MainSection from "./components/MainSection";
import TableOfContents from "./components/TableOfContents";

// install immutable dev tools (Chrome -> Dev Tools -> Enable Custom Formatters)
require("immutable-devtools")(Immutable);

function App() {
  return (
    <div className="App">
      <header className="App-header">
        <h1>Immutable Tutorial and Sandbox</h1>
        <h2 className="subtitle">
          {"Brought to you by "}
          <a
            href="http://untangled.io/immutable-js-an-introduction-with-examples-written-for-humans/"
            target="_blank"
            rel="noopener noreferrer"
          >
            untangled.io
          </a>
        </h2>
      </header>
      <TableOfContents examples={examples} />
      <MainSection examples={examples} />
    </div>
  );
}

export default App;
