Jeswin jeswin

## router-article-create-todos.js
const todos = [
  { id: 1, text: "Buy Milk" },
  { id: 2, text: "Pay Bills" },
  { id: 3, text: "Write Article" },
  { id: 4, text: "Sleep Early" }
];

## router-article-startup.js
if (document.readyState === "loading") {
  // Loading hasn't finished yet
  document.addEventListener("DOMContentLoaded", startup);
} else {
  // `DOMContentLoaded` has already fired
  startup();
}

function startup() {
  ReactDOM.render(

## router-article-home-component.js
const Home = ({ pathArr }) => {
  const [pathInState, setPathFn] = useState(pathArr);
  storePathInState = setPathFn;

  return pathInState[0] === "todos" ? (
    // If the first part of the url is /todos, show the TodoList component
    <TodoList todos={todos} pathArr={pathInState} />
  ) : pathInState[0] === "about" ? (
    // If the first part of the url is /todos, show the TodoList component
    <About />

## router-article-click-handler.js
function createClickHandler(url) {
  return ev => {
    history.pushState({}, undefined, url);
    storePathInState(url.split("/").slice(1));
    ev.preventDefault();
  };
}

## router-article-popstate.js
window.onpopstate = ev =>
  storePathInState(window.location.pathname.split("/").slice(1));

## router-article-todos.js
const TodoList = ({ todos, pathArr }) => {
  const [first, todoId] = pathArr;
  return (
    <div>
      <h1>Todos Module</h1>
      {typeof todoId === "undefined" ? (
        <div>
          <h2>List of todos:</h2>
          {todos ? (
            todos.map(todo => <Todo key={todo.id} todo={todo} />)

## router-article.full.html
<html>
  <head>
    <script
      src="https://unpkg.com/react@16/umd/react.development.js"
      crossorigin
    ></script>
    <script
      src="https://unpkg.com/react-dom@16/umd/react-dom.development.js"
      crossorigin
    ></script>

## package-exact.js
/* jshint node:true */
/* eslint-env node */

/*
 * This will look at the current version of all of your dependencies and update your package.json
 * with the specific version that you currently have in node_modules. This will save you from the
 * sadness that is: DEPENDENCY MANAGEMENT
 *
 * Place this file in a folder that's a a sibling to your package.json and node_modules
 * Then simply run: node scripts/package-strict

## calicutshop-topframe.js
// Copyright Pristine Initiatives, 2000. No part of this may be -
// copied without written consent from Pristine Initiatives.
// Please send all bug reports, comments to jeswin@eudoramail.com
// upd : 12/27/00 m/d/y
//globals

/*
todo :
imp >> on uploading change the root to / instead of CalicutShop/ : done
*/

## update-npm-deps.sh
basho --import './package.json' pack -j pack -j 'Object.keys(x.dependencies)' -m x -e 'npm install ${x}@latest'
	const todos = [
	{ id: 1, text: "Buy Milk" },
	{ id: 2, text: "Pay Bills" },
	{ id: 3, text: "Write Article" },
	{ id: 4, text: "Sleep Early" }
	];
	if (document.readyState === "loading") {
	// Loading hasn't finished yet
	document.addEventListener("DOMContentLoaded", startup);
	} else {
	// `DOMContentLoaded` has already fired
	startup();
	}

	function startup() {
	ReactDOM.render(
	const Home = ({ pathArr }) => {
	const [pathInState, setPathFn] = useState(pathArr);
	storePathInState = setPathFn;

	return pathInState[0] === "todos" ? (
	// If the first part of the url is /todos, show the TodoList component
	<TodoList todos={todos} pathArr={pathInState} />
	) : pathInState[0] === "about" ? (
	// If the first part of the url is /todos, show the TodoList component
	<About />
	function createClickHandler(url) {
	return ev => {
	history.pushState({}, undefined, url);
	storePathInState(url.split("/").slice(1));
	ev.preventDefault();
	};
	}
	window.onpopstate = ev =>
	storePathInState(window.location.pathname.split("/").slice(1));
	const TodoList = ({ todos, pathArr }) => {
	const [first, todoId] = pathArr;
	return (
	<div>
	<h1>Todos Module</h1>
	{typeof todoId === "undefined" ? (
	<div>
	<h2>List of todos:</h2>
	{todos ? (
	todos.map(todo => <Todo key={todo.id} todo={todo} />)
	<html>
	<head>
	<script
	src="https://unpkg.com/react@16/umd/react.development.js"
	crossorigin
	></script>
	<script
	src="https://unpkg.com/react-dom@16/umd/react-dom.development.js"
	crossorigin
	></script>
	/* jshint node:true */
	/* eslint-env node */

	/*
	* This will look at the current version of all of your dependencies and update your package.json
	* with the specific version that you currently have in node_modules. This will save you from the
	* sadness that is: DEPENDENCY MANAGEMENT
	*
	* Place this file in a folder that's a a sibling to your package.json and node_modules
	* Then simply run: node scripts/package-strict
	// Copyright Pristine Initiatives, 2000. No part of this may be -
	// copied without written consent from Pristine Initiatives.
	// Please send all bug reports, comments to jeswin@eudoramail.com
	// upd : 12/27/00 m/d/y
	//globals

	/*
	todo :
	imp >> on uploading change the root to / instead of CalicutShop/ : done
	*/