Pau Fracés pfraces

React Architecture

Starter

Preprocessors

Frontend development

The Web is evolving fast. It is becoming the primary way to build user interfaces. Companies are investing a lot of time, effort and money in web development. Hence the ecosystem of technologies, patterns and libraries is growing wild.

We need to rethink how we want to build user interfaces by reviewing what are the current needs a web page is solving today and what are the challenges we are facing along the way.

React Training

React

Tutorial: https://reactjs.org/tutorial/tutorial.html
Guide: https://reactjs.org/docs/getting-started.html

Forms

Coding Katas

Catalogues

http://codingdojo.org/kata/

Katas

Functional JavaScript

Function expressions

// function statement
function greet (name) {
 console.log('Hi ' + name + '!');

	<head>
	<link rel="stylesheet" type="text/css" href="styles.css" />
	</head>
	<body>
	<div class="view">
	<div class="panel-left">
	left
	</div>
	<div class="panel-right">
	right

	// straightforward implementation
	//
	// drawbacks:
	//
	// - using querySelectorAll always returns an array, when the main use case is to select just one,
	// having to access to the first node: dom('#nodeId')[0]
	//
	// - using querySelector just return the first element so we need an alternative way of access the
	// other possible nodes
	//