Hotell

CRA 2.x + TS setup:

This will give you complete intellisense and type safety within your app and CSS modules

🚨 NOTE

• refactoring className from ts file wont update your css/scss className, to change class names you have to change it within your .module.scss file

Hotell

Component base class

-import {h, Component, define} from 'skatejs'
+import {withComponent} from 'skatejs'
+import {h} from 'preact'
+import withPreact from '@skatejs/renderer-preact'

+const Component = withComponent(withPreact())

Hotell

Windows Defender

One final piece to the Windows development puzzle is to go into Windows Defender (Windows' integrated antivirus scanne) and to configure the following exceptions:

Folders:

yarn cache dir

Hotell

// Place your key bindings in this file to overwrite the defaults
[
  {
    "key": "cmd+n",
    "command": "extension.createNewFile",
    "when": "editorTextFocus"
  },
  {
    "key": "ctrl+`",
    "command": "workbench.action.terminal.focusNext",

Hotell

#!/bin/bash
git clone <git.your-forks-url> && cd $_
# add remote to original project
git remote add upstream <git.forked-project-origin-url>
# fetch headers
git fetch upstream
# point master branch to original master so we can pull from original project and update our fork
git branch --set-upstream-to=upstream/master master

Hotell

import { Component } from 'ng-metadata/core';

@Component({
  selector: 'my-app',
  template: '<h1>My First Angular 1 App <small>with ng-metadata!</small></h1>'
})
export class AppComponent { }

Hotell

import { Component } from 'ng-metadata/core';

@Component({
  selector: 'my-app',
  template: '<h1>My First Angular 1 App <small>with ng-metadata!</small></h1>'
})
export class AppComponent { }

Hotell

import { Store } from 'ngrx-one/store';
import { INCREMENT, DECREMENT, RESET } from './counter';

interface AppState {
  counter: number;
}

@Component({
    selector: 'my-app',
    template: `

Hotell

Execute following commands:

git clone -b 2.0 https://github.com/ngParty/ng-metadata.git

cd <path-to-your-project>

npm i -S <path-to-cloned-ng-metadata-repo>

Hotell

/***********************************************************************************************
 * Everything underneath this line is managed by the CLI.
 **********************************************************************************************/
const barrels: string[] = [
  // Angular specific barrels.
  '@angular/core',
  '@angular/common',
  '@angular/compiler',
  '@angular/http',
  '@angular/router',