wesleygrimes

import ReactRefreshWebpackPlugin from '@pmmmwh/react-refresh-webpack-plugin';
import CssMinimizerPlugin from 'css-minimizer-webpack-plugin';
import { readFileSync } from 'fs';
import GenerateJsonPlugin from 'generate-json-webpack-plugin';
import HtmlWebpackPlugin from 'html-webpack-plugin';
import { createProxyMiddleware } from 'http-proxy-middleware';
import MiniCssExtractPlugin from 'mini-css-extract-plugin';
import * as path from 'path';
import RobotstxtPlugin from 'robotstxt-webpack-plugin';
import TerserPlugin from 'terser-webpack-plugin';

wesleygrimes

def get_bearwallow_mountain_station_data():
    url = 'https://climate.ncsu.edu/cronos/?station=BEAR'
    html = urllib.request.urlopen(url)
    soup = BeautifulSoup(html, features='html.parser')
    output = dict()
    output['label'] = 'Bearwallow Mtn 4200ft'
    output['temp'] = 0.00
    output['success'] = False

    try:

wesleygrimes

import { HttpClientModule } from '@angular/common/http';
import { Injector, NgModule, NgZone } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
import { SharedLocalizationModule } from '../shared/localization';
import { environment } from '../environments/environment';
import { AppComponent } from './app.component';

@NgModule({
  imports: [

wesleygrimes

const someMethod = (input: string) => (input === 'value' ? true : false);

describe('someMethod', () => {
  const testCases: Array<[boolean, string]> = [
    [true, 'value'],
    [false, 'other-value']
  ];

  testCases.forEach(([expected, input]: [boolean, string]) =>
    it(`should return ${expected} given ${input}`, () => {

wesleygrimes

const heroes = [
  { fullName: 'Spider-Man', heroId: 1 },
  { fullName: 'Iron Man', heroId: 2 },
];

const alterEgos = [
  { fullName: 'Peter Parker', heroId: 1 },
  { fullName: 'Tony Stark', heroId: 2 },
];

wesleygrimes

import { createAction, props } from '@ngrx/store';
import { Joke } from 'src/app/models';

export const createJokeSuccessAction = (actionType: string) =>
  createAction(actionType, props<{ jokes: Joke[] }>());

export const createJokeFailureAction = (actionType: string) =>
  createAction(actionType, props<{ error: any }>());

export const loadAll = createAction('[Jokes Page] Load All');

wesleygrimes

Upgrading to Angular 8 and NgRx 8

Overview

Do you have an awesome application written with Angular v7 using NgRx v7, but have been feeling left out will all the mentions online and at conferences about Angular v8 and NgRx v8? Well you are in luck! Today we will explore together, how to upgrade our applications to use Angular v8 using the Angular CLI tooling. We will also explore upgrading to NgRx v8. This will allow us to take advantage of the new features provided in NgRx v8. Included with NgRx v8 is a shiny set of creators, or type-safe factory functions, for actions, effects, and reducers.

Upgrading Dependencies

Upgrading Angular

The Angular team has provided a great website that walks through the process of upgrading in-depth. This website can be found at Angular Update Tool. We will touch on some of the information today.

wesleygrimes

npx @angular/cli@next new my-app

wesleygrimes

// impure function: (this.allowedStates may return undefined)
private validState(): ValidatorFn {
  return (control: AbstractControl): { [key: string]: any } | null => {
    const currentState = control.value;
    const foundState = this.allowedStates.find(state => currentState === state);
    return foundState ? null : { state: 'State not allowed' };
  };
}

// pure function

wesleygrimes

import { HttpClient, HttpEvent, HttpRequest } from '@angular/common/http';
import { Injectable } from '@angular/core';
import { Observable } from 'rxjs';
import { environment } from 'src/environments/environment';

@Injectable({
  providedIn: 'root'
})
export class FileUploadService {
  private API_BASE_URL = environment.apiBaseUrl;