Joshua Marantz JNaftali

Examples used in my talk about How to Succeed at Object Oriented Javascript Without Hating Yourself.

DBC Alumni Lightning Talk - Async and Await in ES2017

What is Async? A. Syncronous code runs top to bottom B. Async code skips bits that take a long time for better user performance
Why is Async? A. Making users wait is bad
Things we're not going to talk about A. How do I write promises? - Read MDN B. How can I use ES2017 even though it probably isn't supported in my browser? - babeljs.io

	// This script is used to redirect users based on their geolocation and language preference.;
	const userLanguageChoice = {
	fr_ca: "fr-CA",
	en_ca_prod: "eachandevery.com",
	en_ca_stage: "each-every-staging-site.myshopify.com",
	userLanguageChoice: "userLanguageChoice",
	};
	const consentMessage =
	"<p style='margin:20px;'>This site is not accessible in your region. <br/><br/>Ce site n'est pas accessible dans votre région.</p>";

	{
	status: 'rejected',
	endpoint: 'getPokemonList',
	requestId: 'lxQHTsKJBT0jqIYyDKNpv',
	internalQueryArgs: 'pokemon',
	originalArgs: '',
	startedTimeStamp: 1607794155985,
	error: {
	name: 'TypeError',
	message: 'Expected signal to be an instanceof AbortSignal',

	@function css-darken($h, $s, $l, $darken-by) {
	@return $h, $s, calc(#{l} - #{$darken-by + 0%})
	};

	$color-primary: #007d7e;
	$color-primary-tuple: var(--color-primary-hue), var(--color-primary-saturation), var(--color-primary-lightness);
	:root {
	--color-primary-hue: #{hue($color-primary)};
	--color-primary-saturation: #{saturation($color-primary)};
	--color-primary-lightness: #{lightness($color-primary)};

	Initialize engine version: 4.2.1f4 (4d30acc925c2)
	GfxDevice: creating device client; threaded=1
	LoadSystemBundle - Could not create Framework bundle URL
	OpenGL:
	Version: OpenGL 2.1 [2.1 ATI-1.51.8]
	Renderer: AMD Radeon Pro 450 OpenGL Engine
	Vendor: ATI Technologies Inc.
	VRAM: 2048 MB
	Extensions: GL_ARB_color_buffer_float GL_ARB_depth_buffer_float GL_ARB_depth_clamp GL_ARB_depth_texture GL_ARB_draw_buffers GL_ARB_draw_elements_base_vertex GL_ARB_draw_instanced GL_ARB_fragment_program GL_ARB_fragment_program_shadow GL_ARB_fragment_shader GL_ARB_framebuffer_object GL_ARB_framebuffer_sRGB GL_ARB_half_float_pixel GL_ARB_half_float_vertex GL_ARB_imaging GL_ARB_instanced_arrays GL_ARB_multisample GL_ARB_multitexture GL_ARB_occlusion_query GL_ARB_pixel_buffer_object GL_ARB_point_parameters GL_ARB_point_sprite GL_ARB_provoking_vertex GL_ARB_seamless_cube_map GL_ARB_shader_objects GL_ARB_shader_texture_lod GL_ARB_shading_language_100 GL_ARB_shadow GL_ARB_shadow_ambient GL_ARB_sync GL_ARB_text

	Scanning folders for symlinks in /Users/lab/test1/node_modules (5ms)
	Found Xcode project test1.xcodeproj
	Launching iPhone 6 (iOS 10.2)...
	Building using "xcodebuild -project test1.xcodeproj -configuration Debug -scheme test1 -destination id=1337DD37-D2E1-4D21-8AF6-51AC4FED1501 -derivedDataPath build"
	User defaults from command line:

	IDEDerivedDataPathOverride = /Users/lab/test1/ios/build


	=== BUILD TARGET yoga OF PROJECT React WITH CONFIGURATION Debug ===

	function not(x) {
	if (x) return false
	return true
	}

	function and() {
	for (var i = 0; i< arguments.length; i++) {
	if ( not(arguments[i]) ) return false
	}
	return true

	{user.location ? (
	<p className="info-location">{user.location}</p>
	) : (
	isCurrentUser && <AddInfo handleClick={toggleEdit} text="Add location" />
	)}
	{user.title ? (
	<p className="info-title">{getTitleString(user.title)}</p>
	) : (
	isCurrentUser && (
	<AddInfo handleClick={toggleEdit} text="Are you a reader or writer?" />