ohager ohager

💭

coding or not

Passionate Coder, Code Punk, Unhipster, Signum Dev

ohager / Track Topics

Created February 13, 2020 12:37

Track Topics

	- Novas Features do Javascript
	- TC39 Stage 3+
	- Bibliotecas e Frameworks
	- Frontend
	- React (Aplicação de Grande porte)
	- Angular 7+ (Aplicação de Grande porte)
	- Svelte
	- Backend
	- Nest/Next
	- Sapper

ohager / .cs

Created November 29, 2018 23:11

.Net.Reactive meets C#7

	Observable.Timer(new TimeSpan(0, 0, 1))
	.Do(async _ => await _service.ReserveToCommit(ConsumerIdentification.ConsumerId))
	.SelectMany(async _ => await _service.GetNewItemToCommit(ConsumerIdentification.ConsumerId))
	.Where(guid => guid != Guid.Empty)
	.SelectMany(async guid => (userGroup: await _userGroupStagingService.GetWithAllChilds(guid), guid: guid))
	.Where(tuple => tuple.userGroup.Success)
	.Subscribe(tuple =>
	{
	// ... do some stuff
	});

ohager / UserActionHandler.js

Created May 15, 2017 16:52

UserActionHandler for composition

	import UserConstants from "../../constants/UserConstants"

	function loadedUserType(payload, stateCursor){
	stateCursor.refine(["userTypes"]).data = payload.action.userTypes;
	this.emitChange();
	}

	const UserActionHandler = {
	actions: {
	[UserConstants.USERTYPE_LOAD_SUCCESS]: loadedUserType,

ohager / composition.js

Created May 15, 2017 16:50

Composition Example

	import {createStore, composeStoreActionHandler} from "../StoreFactory";
	import ItemListActionHandler from "./actionHandler/ItemListActionHandler";
	import ItemActionHandler from "./actionHandler/ItemActionHandler";
	import UserActionHandler from "./actionHandler/UserActionHandler";

	const actionHandler = composeStoreActionHandler(
	ItemListActionHandler,
	ItemActionHandler,
	UserActionHandler
	);

ohager / statelessfunc.jsx

Created September 12, 2016 16:50

React Functional stateless component

	// it's just a function! no createClass or extend React.Component
	const Value = function(props){
	render : {
	return(
	<div className={`${props.span} columns`}>
	<label>{props.label}</label>
	<input className="u-full-width" type="text"
	value={props.value} onChange={()=>{}} disabled/>
	</div>
	)

ohager / godspace.js

Created June 14, 2016 17:00

Dextra BrownBag: Better JS

	// our swiss army knife for javascript
	var _ = require('lodash');

	// ------------ Helper

	// recursive freezing
	function deepFreeze(obj) {

	// Retrieve the property names defined on obj
	var propNames = Object.getOwnPropertyNames(obj);

ohager / stacking_example.js

Created January 20, 2014 15:15

	function main(){
	var context = document.getElementById('myCanvas').getContext('2d');

	var painter = new Painter(context);

	painter.setFillColor(255,0,0,1);
	painter.drawText("Text 1", 50);
	painter.pushState();
	painter.rotate(320, 100, 45);
	painter.setFillColor(0,0,255,1);

ohager / stacking_example.js

Created January 20, 2014 13:31

HTML5 Canvas State Stacking Example

	function main(){
	var context = document.getElementById('myCanvas').getContext('2d');

	var painter = new Painter(context);

	painter.setFillColor(255,0,0,1);
	painter.drawText("Text 1", 50);
	painter.pushState();
	painter.rotate(320, 100, 45);
	painter.setFillColor(0,0,255,1);