Danilo Martins DanSmaR

## url.html
<!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;

## headers.html
<!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,

## renderWith.md

      
              1 file
            
          
              0 forks
            
          
                0 comments
              
            
              0 stars
            
          
                DanSmaR
                / renderWith.md
            
            
              Created
              July 27, 2022 19:39
                — forked from BrenoOPrado/renderWith.md
            
          
    Render With Router

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

const renderWithRouter = (component) => {
  const history = createMemoryHistory();

  
## checklist-redux.md

      
              1 file
            
          
              0 forks
            
          
                0 comments
              
            
              0 stars
            
          
                DanSmaR
                / checklist-redux.md
            
            
              Created
              July 22, 2022 19:18
                — forked from thiagobraddock/checklist-redux.md
            
          
    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 redux-devtools-extension;


## lexical-this.html
<!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>

## products.json
[{
    "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!",

## shopping.html
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Shopping Cart</title>
    <meta name="viewport" content="width=device-width">
    <style>
        *{
            padding: 0;
            margin: 0;

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

## finally.html
<!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,

## vanilla-hofs-with-reduce.js
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) =>
	<!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;
	[{
	"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!",
	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) =>