Nathan Stanford Sr nastanford

Deverus Vue.js Style Guide

Guide for developing Vue.js applications.

v. 0.0.1

Vue.js is an amazing framework, which can be as powerful as Angular or React, the two big heavy hitters in the world of front-end frameworks.

However, most of Vue's ease-of-use is due to the use of Observables - a pattern that triggers re-renders and other function calls with the reassignment of a variable.

React "Hello World" Examples

Below are a small collection of React examples to get anyone started using React. They progress from simpler to more complex/full featured.

They will hopefully get you over the initial learning curve of the hard parts of React (JSX, props vs. state, lifecycle events, etc).

Usage

You will want to create an index.html file and copy/paste the contents of 1-base.html and then create a scripts.js file and copy/paste the contents of one of the examples into it.

	<!DOCTYPE html>
	<html lang="en">
	<head>
	<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
	<script src="http://cdnjs.cloudflare.com/ajax/libs/json2/20110223/json2.js"></script>
	</head>
	<body>
	<style>
	body {
	font-family: Arial, Helvetica, sans-serif;

	import * as Rx from 'rxjs/Rx';
	import * as tween from 'tween-functions'
	import * as update from 'immutability-helper'
	import { call, take, Func1, CallEffectFn } from 'redux-saga/effects'
	import { eventChannel, END } from 'redux-saga'
	import * as _ from 'lodash'

	export let tick = new Rx.Subject();
	export let draw = new Rx.Subject<State>();

	class Button extends React.Component {
	handleClick = () => {
	this.props.onClickFunction(this.props.incrementValue);
	};

	render() {
	return (
	<button onClick={this.handleClick}>
	+{this.props.incrementValue}
	</button>

	# ColdFusion Builder or Eclipse)
	settings.xml

	# Dreamweaver CS6
	_notes
	dwsync.xml

	# ColdFusion Server
	CFIDE
	WEB-INF

	https://atom.io

	Ultimate Pdf collection for learn programming

	java
	http://index-of.es/Java/

	android
	http://index-of.es/Android/


	<!--- Example. --->
	<cfset this.mappings["/model"]="C:\wwwroot\fv\model">
	<cfset structAppend(url,createObject( "component", "model.udf" )) />


	<cfoutput>
	<cfset thedate = '2014-10-30 00:00:00.0'>
	Exam Date:
	#DateFormat(examdate,'mm/dd/yyyy')#<br />
	Today's Date:
	#DateFormat(now(),'mm/dd/yyyy')#<br />
	DateDiff:
	#DateDiff('d',CreateDate(year(now()),month(now()),Day(now())),DateFormat(CreateDate(year(thedate), month(thedate), Day(thedate)),'mm/dd/yyyy'))#
	<br />