Leandro Severino LeanSeverino1022

11/08

you can tell React to only execute the side effect once (at mount time), by passing an empty array: - react

useEffect(() => {
  console.log(`Component mounted`)
}, [])

Layout

Mutating and Non-Mutating Array methods

import * as say from './say.js';

say.sayHi('John');
say.sayBye('John');

Modern build tools (webpack and others) bundle modules together and optimize them to speedup loading and remove unused stuff.

Let’s say, we added a 3rd-party library say.js to our project with many functions:

Hyper Text Transfer Protocol - responsible for the communication between web server and the client. You are using HTTP when you open a new page, submit a form, ajax calls, etc.

HTTP is stateless

Every request is completely independent
Similar to transactions
Programming, Local Storage, Cookies, Sessions are used to create enhanced user exp.

What is HTTPS?

	const debounce = (callback, wait) => {
	let timeoutId = null;
	return (...args) => {
	window.clearTimeout(timeoutId);
	timeoutId = window.setTimeout(() => {
	callback.apply(null, args);
	}, wait);
	};
	}

	//The following helper function insertAfter() lets you insert a new element after an existing one in the DOM tree:

	function insertAfter(newNode, referenceNode) {
	referenceNode.parentNode.insertBefore(newNode, referenceNode.nextSibling);
	}

	// example
	var newEl = document.createElement('div');
	newEl.innerHTML = '<p>Hello World!</p>';

	//init modules
	const gulp = require('gulp');
	const browserSync = require('browser-sync').create();

	//settings (where paths are defined)
	const settings = require('./settings');


	//TASKS
	//puyih: put on hold SASS, minifiers, etc. features in wpbeter, if you need it later on check your gist