Sean Amarasinghe szaranger

Principal Engineer

szaranger / blog-things-to-avoid-when-using-react-hooks-6.js

Last active November 6, 2021 23:20

	import React, { useState} from "react";

	function App() {
	const [count, setCount] = useState(0);

	function handleClick(){
	return (setTimeout(() => {
	alert("You clicked on: " + count);
	}, 3000));
	}

szaranger / blog-things-to-avoid-when-using-react-hooks-7.js

Created November 6, 2021 22:39

	function App() {
	const [count, setCount] = useState(0);
	const latestValue = useRef(count);

	const handleClick = () => {
	setTimeout(() => {
	alert(`count is: ${latestValue.current}`);
	}, 3000);
	};

szaranger / blog-things-to-avoid-when-using-react-hooks-8.js

Created November 6, 2021 22:40

	test('Clicking on + increments the number', () => {
	// using enzyme
	const wrapper = mount(<Count />);

	expect(wrapper.state('count')).toBe(0);
	wrapper.instance().incrementCount();
	expect(wrapper.state('count')).toBe(1);
	});

szaranger / blog-things-to-avoid-when-using-react-hooks-9.js

Created November 6, 2021 22:41

	test('Clicking on + increments the number', () => {
	// using React Testing Library
	render(<Count />);

	expect(screen.getByText('Total')).toBeInTheDocument();
	userEvent.click(screen.getByText('Click'));
	expect(screen.queryByText('1')).toBeInTheDocument();
	});

szaranger / blog-server-side-rendering-with-suspense-in-react-18-1.js

Created November 7, 2021 22:42

	import React from 'react';
	import { renderToString } from 'react-dom/server';

	function App() {
	const html = renderToString(<>Hey there!</>);

	return <div dangerouslySetInnerHTML={{__html: html}}></div>;
	};

	export default App;

szaranger / blog-server-side-rendering-with-suspense-in-react-18-12.js

Created November 7, 2021 22:43

	import React from 'react';
	import ReactDOMServer from 'react-dom/server';
	import express from 'express';

	const app = express();

	app.use('/static', express.static('public'));

	const App = (props) => {
	return <div>Hello {props.name}</div>;

szaranger / gist:ffaa73353895a912c19b72df1b662ea2

Created November 12, 2021 00:25

blog-typescript-features-you-should-no-longer-use-82ede931243-01.js

	@Freeze
	class Person {}

	function Freeze(constructor: Function) {
	Object.freeze(constructor);
	Object.freeze(constructor.prototype);
	}

	console.log(Object.isFrozen(Person)); // true

szaranger / blog-typescript-features-you-should-no-longer-use-02.js

Created November 12, 2021 00:27

	export class Person {
	@Emoji()
	name = 'Sean';
	}

	// Property Decorator
	function Emoji() {
	return function(target: Object, key: string \| symbol) {
	let val = target[key];

szaranger / blog-typescript-features-you-should-no-longer-use-03.js

Created November 12, 2021 00:29

	export class Person {
	names = [];

	@Confirmable('Are you sure?')
	@Confirmable('Are you super, super sure? There is no going back!')
	addName(name) {
	this.names.push(name);
	}
	}

szaranger / blog-typescript-features-you-should-no-longer-use-04.js

Last active November 12, 2021 02:40