alarner

import React, { useState } from 'react';
import { IonContent, IonHeader, IonPage, IonTitle, IonToolbar, IonCheckbox, IonButton } from '@ionic/react';
import './Tab2.css';

const Tab2: React.FC = () => {
  const [ checked, setChecked ] = useState(false);
  return (
    <IonPage>
      <IonHeader>
        <IonToolbar>

alarner

Keybase proof

I hereby claim:

• I am alarner on github.
• I am dbla (https://keybase.io/dbla) on keybase.
• I have a public key ASCCsQtoskVT5k8O3WpTtBCeGnQ_a_l8pRZa0WPy5T9rFQo

To claim this, I am signing this object:

alarner

import { SmartComponent, d } from 'au-flux';
import React from 'react';

class ButtonComponent extends React.Component {
	render() {
		return (
			<div>
				<button onClick={() => d.trigger('add_like')}>{this.props.likeCount}</button>
			</div>
		);

alarner

module.exports = function(req, res, next) {
	res.header('Access-Control-Allow-Origin', '*');
	res.header('Access-Control-Allow-Methods', 'GET,PUT,POST,DELETE,OPTIONS');
	res.header('Access-Control-Allow-Headers', 'Content-Type, Authorization, Content-Length, X-Requested-With');

	// intercept OPTIONS method
	if ('OPTIONS' == req.method) {
		res.send(200);
	}
	else {

alarner

body {
	font-family: Arial,sans-serif;
}

.form-control .btn {
	border-radius: 0;
}

.form-control:focus {
	border-color: #999;

alarner

{
	"parserOptions": {
		"ecmaVersion": 6,
		"sourceType": "module",
		"ecmaFeatures": {
			"jsx": true
		},
	},
	"rules": {
		"quotes": [2, "single"],

alarner

# DBLA ZSH Theme borrowed from AVIT

PROMPT='${_current_dir}'

PROMPT2='%{$fg[grey]%}◀%{$reset_color%} '

RPROMPT='$(git_prompt_info)'

local _current_dir="%{$fg[blue]%}%3~%{$reset_color%}: "

alarner

What is react?

• React is a JavaScript library for creating user interfaces. It's really good for creating applications with data that changes over time.

What is a gem?

• A gem is a module/Library for Ruby

What is sass?

• Sass is a css preprocessor. It adds some additional functionality on to CSS and compiles to CSS.

What is a mockup?

alarner

Parse.initialize("honfjbWg6gddGuKOHokS5XaJCFMIW66nOV22138i", "EyOqRoG2xLM6UYHTV5LhehQgDuwjogYp86Il1umM");

	var ProjectModel = Parse.Object.extend('Project');
	var TaskModel = Parse.Object.extend('Task');
	var UserModel = Parse.User;

	// All tasks for a specific project
	var projectId = 'xVwXfflkib';
	var targetProjectModel = new ProjectModel({objectId: projectId, name: 'Nutella'});
	var query = new Parse.Query(TaskModel); // Pass in model of things you want to get back

alarner

Aarons-MacBook-Pro-2:in-class alarner$ mkdir mocha-chai-setup
Aarons-MacBook-Pro-2:in-class alarner$ cd mocha-chai-setup/
Aarons-MacBook-Pro-2:mocha-chai-setup alarner$ touch index.html
Aarons-MacBook-Pro-2:mocha-chai-setup alarner$ mkdir styles
Aarons-MacBook-Pro-2:mocha-chai-setup alarner$ mkdir scripts
Aarons-MacBook-Pro-2:mocha-chai-setup alarner$ mkdir tests
Aarons-MacBook-Pro-2:mocha-chai-setup alarner$ touch scripts/functions.js
Aarons-MacBook-Pro-2:mocha-chai-setup alarner$ bower init
? name: mocha-chai-setup
? version: 0.0.0