Eyal Eizenberg eyaleizenberg

eyaleizenberg / component_without_constructor.tsx

Created June 29, 2018 06:34

	interface IProps {
	superhero: string;
	}

	interface IState {
	health: number;
	}

	export class MyComponent extends React.PureComponent<IProps, IState> {
	render() {

eyaleizenberg / component_with_readonly_state.tsx

Created June 29, 2018 06:55

	interface IProps {
	superhero: string;
	}

	interface IState {
	health: number;
	}

	export class MyComponent extends React.PureComponent<IProps, IState> {
	readonly state = { health: 100 };

eyaleizenberg / component_without_constructor_with_state_function.tsx

Last active June 29, 2018 07:27

	interface IProps {
	superhero: string;
	}

	interface IState {
	health: number;
	}

	const getInitialHealth = (props: IProps) => props.superhero === "Spiderman" ? 0 : 100;

eyaleizenberg / state_in_constructor_workaround.tsx

Created June 29, 2018 07:12

	interface IProps {
	superhero: string;
	}

	interface IState {
	health: number;
	}

	export class MyComponent extends React.PureComponent<IProps, IState> {
	state: IState;

eyaleizenberg / news_resources.html

Last active August 7, 2018 07:06

eyaleizenberg / hello-person.component.tsx

Last active June 12, 2019 05:16

	import * as React from 'react';

	export interface Props {
	name: string;
	}

	export class HelloPerson extends React.PureComponent<Props> {
	render() {
	return (
	<div>

eyaleizenberg / hello-person.driver.tsx

Last active June 12, 2019 05:18

	import { HelloPerson, Props } from './hello_person.component';
	import { shallow } from 'enzyme';

	export class HelloPersonDriver {
	private wrapper;
	private props: Props = {
	name: 'some name'
	}

	given = {

eyaleizenberg / hello-person.spec.ts

Last active June 10, 2019 13:01

	import { HelloPersonDriver } from './hello-person.driver';

	describe('Hello Person', () => {
	let driver: HelloPersonDriver;

	beforeEach(() => {
	driver = new HelloPersonDriver();
	});

	test('should render the name from the prop', () => {

eyaleizenberg / hello-person.component.tsx

Last active June 12, 2019 05:22

	import * as React from 'react';
	import { reportUserLogin } from '../services/data-service';

	interface Props {
	name: string;
	}

	export class HelloPerson extends React.PureComponent<Props> {
	componentDidMount() {
	const { name } = this.props;

eyaleizenberg / hello-person.driver.tsx

Last active June 12, 2019 05:21

	import { HelloPerson, Props } from './hello_person.component';
	import { shallow } from 'enzyme';
	import * as dataService from '../services/data-service';

	export class HelloPersonDriver {
	private wrapper;
	private props: Props = {
	name: 'some name'
	}