Harman Goei hrgui

## readme.md

      
              1 file
            
          
              0 forks
            
          
              0 comments
            
          
              0 stars
            
          
                hrgui
                / readme.md
            
            
              Last active
              April 14, 2017 04:15
            
              
                JSX to TSX
              
          
    So you want to do TSX?

instructions

install
"@types/node": "^7.0.12",
modify webpack.config.dev.js


## vscode-settings.json
// Place your settings in this file to overwrite the default settings
{
  "editor.tabSize": 2,
  "files.associations": {
    ".css": "sass",
    "*.html": "html"
  },
  "terminal.integrated.shell.osx": "/bin/zsh",
  "workbench.colorTheme": "Monokai",
  "window.zoomLevel": 0,

## ajax-test.html
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>
<body>
   <script src="node_modules/setImmediate/setImmediate.js"></script>

## Pagination.jsx
import React from 'react';
let howManyToShowAtATime = 5;

export default ({elementLength, start, howMany, onPageClicked}) => {
  let numberOfPages = Math.ceil(elementLength / howMany);
  let pageLinkNodes = [];
  let previousNode, nextNode;
  let previousTextNode = <span>Prev</span>;
  let nextTextNode = <span>Next</span>;
  let onPageClickHandler = (start) => {

## gist:5e2147461da967ce99c2

      
              1 file
            
          
              0 forks
            
          
              0 comments
            
          
              1 star
            
          
                hrgui
                / gist:5e2147461da967ce99c2
            
            
              Last active
              August 29, 2015 14:26
            
              
                Awesome Angular Resources
              
          
    Awesome Angular Resources

Tutorials


Code School: Shaping up with AngularJS - recommended for hands-on devs - https://www.codeschool.com/courses/shaping-up-with-angular-js
Angular Phonecat: https://docs.angularjs.org/tutorial/index
Egghead.io - https://egghead.io/technologies/angularjs (Getting Started - https://egghead.io/series/angularjs-app-from-scratch-getting-started)

Articles / Discussion Forums


## checkAllDemo.html
<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.14/angular.min.js"></script>
  <meta charset="utf-8">
  <title>JS Bin</title>
</head>
<body ng-app="todoApp">
  <div ng-controller="TodoCtrl as todoList">
    Select All <input type="checkbox" ng-checked="todoList.isCheckedAll()" ng-click="todoList.checkAll()" />
	// Place your settings in this file to overwrite the default settings
	{
	"editor.tabSize": 2,
	"files.associations": {
	".css": "sass",
	"*.html": "html"
	},
	"terminal.integrated.shell.osx": "/bin/zsh",
	"workbench.colorTheme": "Monokai",
	"window.zoomLevel": 0,
	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta http-equiv="X-UA-Compatible" content="ie=edge">
	<title>Document</title>
	</head>
	<body>
	<script src="node_modules/setImmediate/setImmediate.js"></script>
	import React from 'react';
	let howManyToShowAtATime = 5;

	export default ({elementLength, start, howMany, onPageClicked}) => {
	let numberOfPages = Math.ceil(elementLength / howMany);
	let pageLinkNodes = [];
	let previousNode, nextNode;
	let previousTextNode = <span>Prev</span>;
	let nextTextNode = <span>Next</span>;
	let onPageClickHandler = (start) => {
	<!DOCTYPE html>
	<html>
	<head>
	<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.14/angular.min.js"></script>
	<meta charset="utf-8">
	<title>JS Bin</title>
	</head>
	<body ng-app="todoApp">
	<div ng-controller="TodoCtrl as todoList">
	Select All <input type="checkbox" ng-checked="todoList.isCheckedAll()" ng-click="todoList.checkAll()" />