Fermin Blanco luillyfe

💭

Improving

Life is a Mario Bros game-like, It gets harder every time you level up.

luillyfe / app.jsx

Last active November 7, 2018 11:15

React: Props are immutable!

	const News = props => {
	const changeTitle = () => {
	// Since props are read-only, you are not allowed to do so
	props.changeTitle("Title changed!");
	};
	return (
	<div>
	<h1>{props.title}</h1>
	<div>{props.content}</div>
	<button onClick={changeTitle}>Mutate!</button>

luillyfe / App.ts

Last active October 17, 2018 15:26

Angular: props are immutable?

	// App Component
	export class AppComponent {
	title="News title";
	content="A description should be here!";
	}

	// News component
	@Component({
	selector: 'news',
	template: `

luillyfe / App.ts

Created October 17, 2018 16:27

Angular parent state/ props changed

	<news title="{{ title }}" content="{{ content }}"></news>

	<button (click)="printState()">Print parent state</button>

	/* *** */
	export class AppComponent {
	title="News title"; s
	content="A description should be here!";
	printState() {
	console.log(`News title: ${this.title}, News content: ${this.content}`);

luillyfe / App.ts

Last active December 11, 2018 20:57

Angular: event emmiter

	/ * */
	@Component({
	...
	template: `
	<div>
	...
	<button (click)="mutateProps()">Mutate!</button>
	</div>
	`,
	})

luillyfe / App.jsx

Last active November 7, 2018 11:16

React updating props.

	const News = props => {
	const changeTitle = () => {
	props.changeTitle("Title changed!");
	};
	return (
	<div>
	<h1>{props.title}</h1>
	<div>{props.content}</div>
	<button onClick={changeTitle}>Mutate!</button>
	</div>

luillyfe / Elements.jsx

Created October 19, 2018 20:58

React: Elements

luillyfe / Components.jsx

Last active October 23, 2018 16:38

React Components

luillyfe / Elements.jsx

Created October 23, 2018 16:55

Fillint a child component

	<div>
	<Sidebar theme="dark" />
	<Content text="Lorem Ipsum is simply dummy text of ..." />
	</div>

luillyfe / Stateless.jsx

Last active October 31, 2018 19:23

Stateless Functional Component

	import React from "react";

	const Menu = props => (
	<ul>
	{props.options.map(option => <li key={option.id}>{option.name}</li>)}
	</ul>
	);

luillyfe / ClassComponent.jsx

Last active November 3, 2018 20:16