Jesse Jafa awareness481

RTK ESM/TS Discussion

Attendees:

Nathan Bierema
Mateusz Burzynski
Mark Erikson

Notes

Mateusz: what do you want besides "ship widely compat code?" What preferences?

If you use server rendering, keep in mind that neither useLayoutEffect nor useEffect can run until the JavaScript is downloaded.

You might see a warning if you try to useLayoutEffect on the server. Here's two common ways to fix it.

Option 1: Convert to useEffect

If this effect isn't important for first render (i.e. if the UI still looks valid before it runs), then useEffect instead.

function MyComponent() {

Dokku

Creating dokku app

Create the application on the Dokku host. You will need to ssh onto the host to run this command.

 # on the Dokku host
 dokku apps:create my-app-name

Deploy the app

Now you can deploy the my-app-name app to your Dokku server. All you have to do is add a remote to name the app. Applications are created on-the-fly on the Dokku server.

The Rules of React

All libraries have subtle rules that you have to follow for them to work well. Often these are implied and undocumented rules that you have to learn as you go. This is an attempt to document the rules of React renders. Ideally a type system could enforce it.

What Functions Are "Pure"?

A number of methods in React are assumed to be "pure".

On classes that's the constructor, getDerivedStateFromProps, shouldComponentUpdate and render.

	// Prime checking regex, which this code is based off of
	// https://regex101.com/r/RIJkGF/1

	type StringDivisible<n extends string, div extends string> = n extends `` ? true : n extends `${div}${infer r}` ? StringDivisible<r, div> : false;

	type Substrings<n extends string, d extends string = ""> = n extends `${d}${infer r}` ? readonly [` ${d}`, ...Substrings<r, ` ${d}`>] : readonly [];
	type StringFactors<n extends string> = Substrings<n> extends readonly [unknown, ...infer R extends readonly string[], unknown] ? R : never;
	type StringIsPrime<n extends string, Factors extends readonly string[] = StringFactors<n>> = Factors extends readonly [infer s extends string, ...infer R extends readonly string[]] ? StringDivisible<n, s> extends true ? false : StringIsPrime<n, R> : true;

	type RepeatStringByStringDigit<str extends string, d extends string> =

	use futures::StreamExt;
	use std::error::Error;
	use tokio;
	use tokio::macros::support::Pin;
	use tokio::prelude::*;
	use tokio::time::{Duration, Instant};

	pub fn main() -> Result<(), Box<dyn std::error::Error>> {
	let mut multi_threaded_runtime = tokio::runtime::Builder::new()
	.threaded_scheduler()

	var list = [];
	document.querySelectorAll("body *")
	.forEach(function(elem){
	if(elem.getBoundingClientRect().width > document.body.getBoundingClientRect().width){
	list.push(elem.outerHTML.split('>')[0] + '>');
	}
	});
	confirm( "these elements are wider than the viewport:\n\n " + list.join("\n") )


	module.exports = {
	theme: {
	extend: {
	spacing: {
	'96': '24rem',
	},
	},
	},
	variants: {},

	/* http://meyerweb.com/eric/tools/css/reset/
	v2.0 \| 20110126
	License: none (public domain)
	*/

	/*
	Reset.scss provided by @hcatlin - https://gist.github.com/hcatlin/1027867
	*/

	html,

	// Add any other logic here as needed.

	import { CacheableResponsePlugin } from 'workbox-cacheable-response/CacheableResponsePlugin';
	import { CacheFirst } from 'workbox-strategies/CacheFirst';
	import { createHandlerForURL } from 'workbox-precaching/createHandlerForURL';
	import { ExpirationPlugin } from 'workbox-expiration/ExpirationPlugin';
	import { NavigationRoute } from 'workbox-routing/NavigationRoute';
	import { precacheAndRoute } from 'workbox-precaching/precacheAndRoute';
	import { registerRoute } from 'workbox-routing/registerRoute';