Danilo Martins DanSmaR

[Alexandre Aquiles]

Mas é... Então vamos lá pessoal. Meu nome é Alexandre Aquiles.

Twitter do Alexandre Aquiles

Eu não vou falar onde eu trabalho, acho que vocês devem saber, né? Porque aqui o negócio é entre a gente mesmo. É papo nosso aqui mesmo.

Eu lancei um livro recentemente, né? Desbravando SOLID. Deixa eu fazer o jabá já, né? Desbravando SOLID.

Helpers

Render With Router

import React from 'react';
import { Router } from 'react-router-dom';
import { createMemoryHistory } from 'history';
import { render } from '@testing-library/react';

Checklist do react-redux

Antes de começar

pensar como será o formato do seu estado global
pensar quais actions serão necessárias na sua aplicação

Instalação

npm i redux react-redux;
npm i -D @redux-devtools/extension

	[{
	"id":123,
	"title":"Bell",
	"desc":"Lorem ipsum dolor sit amet, consectetur adipisicing elit.",
	"img":"bell-lg.png",
	"price":12.34
	},{
	"id":456,
	"title":"Bullhorn",
	"desc":"Quisquam, veritatis, officia. Veritatis, saepe!",

	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="UTF-8" />
	<meta http-equiv="X-UA-Compatible" content="IE=edge" />
	<meta name="viewport" content="width=device-width, initial-scale=1.0" />
	<title>Request Headers</title>
	<style>
	html {
	font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto,

	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="UTF-8" />
	<meta name="viewport" content="width=device-width, initial-scale=1.0" />
	<title>Lexical Scope and `this`</title>
	</head>
	<body>
	<header>
	<h1>What the Lexical is <code>this</code>?</h1>

	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="UTF-8" />
	<meta name="viewport" content="width=device-width, initial-scale=1.0" />
	<title>Using the URL object</title>
	<style>
	figure img {
	max-width: 300px;
	height: auto;

	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="UTF-8" />
	<meta name="viewport" content="width=device-width, initial-scale=1.0" />
	<title>Promise.finally</title>
	<style>
	html {
	font-size: 20px;
	font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto,

	const isMoreThan5 = number => number > 5
	const numbers = [ 2, 4, 8, 9 ]
	const result = filter(isMoreThan5, numbers)
	const addThree = number => number + 3
	const result = map(addThree, numbers)
	result

	function map(transform, array) {
	const initialArray = []
	const mapReducer = (mappedArray, currentItem) =>

	Hey there!
	Guten Tag.
	Hur mår du?