Instead of adding emojis to my commits I spend that time writing actual code.

methodbox

Instead of adding emojis to my commits I spend that time writing actual code.

methodbox / getNewMission.tsx

Last active July 24, 2019 01:37

Get Started with TypeScript - Part 2 -

	_getNewRocket() {
	this.setState({
	rocketName: mission.rocket.rocket_name,
	missionName: mission.mission_name,
	missionLogo: mission.links.mission_patch_small,
	launchImg: mission.links.flickr_images[Math.floor(Math.random() * 5)],
	missionDetails: mission.details,
	flightNumber: mission.flight_number,
	missionId: mission.mission_id,
	launchDate: new Date(mission.launch_date_unix * 1000).toDateString(),

methodbox / getNewMission.tsx

Created July 24, 2019 01:07

Get Started with TypeScript - Part 2 - _getNewMission complete

	_getNewMission() {
	this.setState({
	// Use this to change the state values when the button is clicked.
	appTitle: 'SpaceX Launches',
	launchImg: require('./assets/2013_-_9_falcon_9_ses_launch-4.jpg'),
	rocketName: '',
	missionName: '',
	missionLogo: require('./assets/mission-logo.png'),
	missionDetails: '',
	missionSuccess: false,

methodbox / state.tsx

Last active July 24, 2019 01:03

Get Started with TypeScript - Part 2 - State assigned to state

methodbox / stateType.tsx

Last active July 24, 2019 01:04

Get Started with TypeScript - Part 2 - New State Type - Complete

methodbox / stateType.tsx

Last active July 24, 2019 01:04

Get Started with TypeScript - Part 2 - New State type

methodbox / RocketApp.tsx

Last active July 24, 2019 01:05

Get Started with TypeScript - Part 2 - Add a new State type

	import * as React from 'react';
	import './styles.css';
	// Rocket Info
	import { mission } from './data/rockets';
	import 'bootstrap/dist/css/bootstrap.css';

	// Create a State type below this line
	type State = {}

	export default class RocketApp extends React.Component<{}, {}> {...}

methodbox / personAge.ts

Created July 23, 2019 00:18

ts - part 2 - example 2

	const bob: string = 'Bob';
	const bobsAge: number = 20;

	function personAge(person: string, age: number) {
	return `${person} is ${age} years old.`;
	}

	personAge(bob, bobsAge);

methodbox / tsconfig.json

Created July 23, 2019 00:15

ts - part 2 - example 1

	{
	"compilerOptions": {
	"lib": ["es6"],
	"target": "es6",
	"module": "commonjs",
	"noImplicitAny": true,
	"noImplicitThis": true,
	"strictNullChecks": false,
	"strictFunctionTypes": true,
	"forceConsistentCasingInFileNames": true

methodbox / tstooling.ts

Last active July 9, 2019 00:28

TypeScript example for tooling

	let myNumber: number = 10;
	let myString: string = 'this is a string';

	const badMath = (x: number, y: number) => {
	return x * y;
	}

	badMath(myNumber, myString) /**
	* error TS2345: Argument of type 'string'
	* is not assignable to parameter of type 'number'.

methodbox / typeofExample.js

Created July 8, 2019 23:58

typof example

	let myNumber = 10;
	let myString = 'this is a string';

	if (typeof myNumber === 'string') {
	console.log('This is a string, not a number.')
	} else {
	console.log('This is a number');
	}

	const badMath = (x, y) => {