tomzaku

var jwt = require("jsonwebtoken");
var fetch = require("node-fetch");

const config = {
  secret: "d4f02c6e-f040-4413-84e0-136f0b557d4c",
  clientId: "3cf9d988-d2d9-45a1-8c9c-3552849909c7",
};

var jwt = require("jsonwebtoken");

tomzaku

import React from 'react';
import Modal from '../Modal';
import { connect } from 'react-redux';
import { noop } from 'helpers';

let openModalTimer;
let closeModalTimer;

export const ExtendTimerContext = React.createContext({
  startExtendTimer: noop,

tomzaku

‌‌ 

tomzaku

const LENGTH_MAX = 10000000

// 1. Fastest way

const date1 = new Date();
const originalData1 = Array.from({length: LENGTH_MAX}).map((_, index) => ({
 	id:index,
  name: `demo_${index}`,
}))
const date2 = new Date();

tomzaku

Programming Paradigms

• Prototypal Inheritance (PI)
• Functional Programming (FP)

Read more at: https://medium.com/javascript-scene/the-two-pillars-of-javascript-pt-2-functional-programming-a63aa53a41a4

Addtional Paradigms

• Reactive Programming

tomzaku

A programming paradigm does not refer to a specific language but rather to a way to program, a methodology.

Readings

• Programming Paradigms from Wiki
• Functional vs Object-Oriented vs Procedural Programming
• OOPs in Java: Encapsulation, Inheritance, Polymorphism, Abstraction
• The readers should know the four important features of OOPs and give examples.

Books

tomzaku

DEPENDENCY LISTING

Requirements

Everytime an dependency is added, the reason for adding it should be written down here. E.g. purpose, etc.

1. Component

@blueprintjs

The core framework UI including basic components

tomzaku

function hackIt() {
	speed = 45; // in wpm (50 => 97 wpm)
	inp = document.getElementsByTagName('input');
	x = document.getElementsByTagName('span');
	text = "";
	init = 0;
	end = 0;

	for (var i = 0; i < x.length; i++) {
		if (x[i].className === "lblUsername")

tomzaku

Browser

How it work http://taligarsiel.com/Projects/howbrowserswork1.htm#Parsing_general

React

Write it https://medium.com/@sweetpalma/gooact-react-in-160-lines-of-javascript-44e0742ad60f

tomzaku

https://github.com/markerikson/react-redux-links

• server rendering

1. About State Management

a. Mobx (imperative programing, mutable data) b. Redux (declarative programming, immutable data, functional programming): preditable data

1.b.1: Immutable vs Mutable