heitoralthmann

# From: https://www.computerminds.co.uk/articles/quickly-update-drupal-core
# curl 'https://github.com/drupal/drupal/compare/<from_version>..<to_version>.patch' | patch -p1
# Ex:
curl 'https://github.com/drupal/drupal/compare/7.59..7.60.patch' | patch -p1

heitoralthmann

{
  "version": "2.0.0",
  "tasks": [
    {
      "label": "PHP Clean",
      "type": "shell",
      "command": "phpcbf",
      "args": [
        "--standard=Drupal,DrupalPractice",
        "--ignore-annotations",

heitoralthmann

{
  "breadcrumbs.enabled": false,
  "css.validate": true,
  "diffEditor.ignoreTrimWhitespace": false,
  "editor.tabSize": 2,
  "editor.autoIndent": true,
  "editor.insertSpaces": true,
  "editor.formatOnPaste": true,
  "editor.formatOnSave": true,
  "editor.renderWhitespace": "boundary",

heitoralthmann

1. O que é/faz window.onload?
2. O que é um canvas?
3. Estudar documentação de document.createElement
4. Estudar documentação de document.body.appendChild
5. Estudar HTMLCanvasElement.getContext()
6. Estudar CanvasRenderingContext2D.clearRect()
7. Estudar CanvasRenderingContext2D.fillStyle
8. Estudar CanvasRenderingContext2D.fillRect()
9. Estudar setTimeout();

heitoralthmann

• Elm education Github repo
• Exercism
• Learn ELM architecture in JavaScript
• Project Euler
• Mostly Adequate Guide to Functional Programming
• Practical introduction to Functional Programming with JS
• 6 Months of Elm in Production by Richard Feldman
• Anjana Vakil: Learning Functional Programming with JavaScript - JSUnconf ✅
• An introduction to functional programming - by Mary Rose Cook ✅

heitoralthmann

STATE OBJECT

• I will be representing the whole state of my application with A SINGLE STATE OBJECT.
• This state object is read only. Every time I want to change it, I must dispatch an action.
• The STATE is the minimum representation of data in my app.

ACTIONS

• The ACTION is the minimum representation describing the change to that data.
• Action objects MUST HAVE AT LEAST a type property. We better use strings for this option because it is serialisable.
• The only way to change the state tree is by dispatching an action.
• An action is a plain javascript object describing in the minimum way, what changed in the application.

heitoralthmann

The Beginner's Guide to React

Lesson 5: Validate Custom React Component Props with PropTypes

Utilizamos propTypes para tipar as props de um componente e garantir que não vão passar um tipo de dado errado, quebrando a aplicação.

Para fazer a validação de nossas props, o time do React disponibiliza uma biblioteca chamada prop-types que nos fornece uma série de funções úteis para realizar este trabalho:

ComponentName.propTypes = {
 propName: PropTypes.string,

heitoralthmann

<?php

/**
 * @file
 * Functions to support theming in the THEME_NAME theme.
 */

/**
 * Implements hook_preprocess_theme().
 */

heitoralthmann

<?php

\Drupal::logger('some_channel_name')->warning('<pre><code>' . print_r($responseObj, TRUE) . '</code></pre>');

heitoralthmann

<?php

/**
 * Implements hook_entity_operation().
 */
function modulename_entity_operation(\Drupal\Core\Entity\EntityInterface $entity) {
  if(in_array($entity->bundle(), ['article'])) {
      $operations = array();
      
      $operations['play'] = array(