Edward Evans SASUKE40

⚡

Trying new things

“Be curious. Read widely. Try new things. What people call intelligence just boils down to curiosity.” ― Aaron Swartz

SASUKE40 / Microsoft Teams Interview

Created June 23, 2020 09:16

	const {deepEqual} = require('assert').strict;

	const testCase1 = `AA00 = 10
	AA01 = AA00 + AB00
	AB00 = 15`;

	const testCase2 = `AA00 = 10
	AB00 = (AA00 + AA01) * 15
	AA01 = 20 + AB00`;

SASUKE40 / 📊 Weekly development breakdown

Last active October 29, 2020 00:11

SASUKE40 / Example3.jsx

Created June 14, 2018 08:45

	import memoize from "memoize-one";

	class Example extends Component {
	// State only needs to hold the current filter text value:
	state = { filterText: "" };

	// Re-run the filter whenever the list array or filter text changes:
	filter = memoize(
	(list, filterText) => list.filter(item => item.text.includes(filterText))
	);

SASUKE40 / Example2.jsx

Created June 14, 2018 08:38

	// PureComponents only rerender if at least one state or prop value changes.
	// Change is determined by doing a shallow comparison of state and prop keys.
	class Example extends PureComponent {
	// State only needs to hold the current filter text value:
	state = {
	filterText: ""
	};

	handleChange = event => {
	this.setState({ filterText: event.target.value });

SASUKE40 / Example.jsx

Created June 14, 2018 08:32

	class Example extends Component {
	state = {
	filterText: "",
	};

	// *******************************************************
	// NOTE: this example is NOT the recommended approach.
	// See the examples below for our recommendations instead.
	// *******************************************************

SASUKE40 / EmailInput7.jsx

Created June 14, 2018 07:52

	class EmailInput extends Component {
	state = {
	email: this.props.defaultEmail,
	prevPropsUserID: this.props.userID
	};

	static getDerivedStateFromProps(props, state) {
	// Any time the current user changes,
	// Reset any parts of state that are tied to that user.
	// In this simple example, that's just the email.

SASUKE40 / EmailInput6.jsx

Created June 14, 2018 07:37

	<EmailInput
	defaultEmail={this.props.user.email}
	key={this.props.user.id}
	/>

SASUKE40 / EmailInput5.jsx

Created June 14, 2018 07:31

	class EmailInput extends Component {
	state = { email: this.props.defaultEmail };

	handleChange = event => {
	this.setState({ email: event.target.value });
	};

	render() {
	return <input onChange={this.handleChange} value={this.state.email} />;
	}

SASUKE40 / EmailInput4.jsx

Created June 14, 2018 07:25

	function EmailInput(props) {
	return <input onChange={props.onChange} value={props.email} />;
	}

SASUKE40 / EmailInput3.jsx

Last active June 14, 2018 06:48

	class EmailInput extends Component {
	state = {
	email: this.props.defaultEmail
	};

	resetEmailForNewUser(newEmail) {
	this.setState({ email: newEmail });
	}

	// ...