Skip to content

Instantly share code, notes, and snippets.

View emersonbrogadev's full-sized avatar
🏠
Home Office Life Style

Emerson Broga emersonbrogadev

🏠
Home Office Life Style
View GitHub Profile
@emersonbrogadev
emersonbrogadev / Album.js
Last active October 6, 2019 12:10
Listas e Chaves - React Discography - DEMO
import React, { Component } from 'react';
class Album extends Component {
render() {
const { link, image, title, release_date } = this.props.item;
return (
<div className="album" >
<a href={link} target="_blank" rel="noopener noreferrer">
<div className="cover"><img src={image} alt={title} /></div>
@emersonbrogadev
emersonbrogadev / README.MD
Last active September 4, 2019 15:10
Renderizando de forma condicional - PlayingToday App - DEMO

Renderizando de forma condicional - PlayingToday App - DEMO

DEMO

O conteúdo aqui apresentado é para exemplificar como renderizamos de forma condicional no React.

Existe um video explicando passo a passo sobre o conteúdo desse repositório.

Esse código é apenas para fins educativos e foi formatado de forma a exemplificar conceitos.

@emersonbrogadev
emersonbrogadev / README.MD
Last active September 4, 2019 15:11
React Lights - Eventos - DEMO

React Lights - Eventos - DEMO

DEMO

O conteúdo aqui apresentado é para exemplificar como trabalhamos com eventos no React.

Existe um video explicando passo a passo sobre o conteúdo desse repositório.

Esse código é apenas para fins educativos e foi formatado de forma a exemplificar conceitos.

React User - uma demonstração dos states sendo passados para os componentes filhos

DEMO 1

O conteúdo aqui apresentado é para exemplificar como no react o state dos componentes são passados para os componentes filhos.

Existe um video explicando passo a passo sobre o conteúdo desse repositório.

Esse código é apenas para fins educativos e foi formatado de forma a exemplificar conceitos.

React Clock - uma demonstração do State e Lifecycle

DEMO 3

O conteúdo aqui apresentado é para exemplificar o funcionamento do State e Lifecycle do React.

Existe um video explicando passo a passo sobre o conteúdo desse repositório.

Esse código é apenas para fins educativos e foi formatado de forma a exemplificar conceitos.

React Album - Extraindo Componentes

DEMO 2

O conteúdo aqui apresentado é para exemplificar que ao criar componentes com react, devemos sempre separar em componentes menores.

Existe um video explicando passo a passo sobre o conteúdo desse repositório.

Esse código é apenas para fins educativos e foi formatado de forma a exemplificar conceitos.

React Album - Extraindo Componentes

DEMO 1

O conteúdo aqui apresentado é para exemplificar que ao criar componentes com react, devemos sempre separar em componentes menores.

Existe um video explicando passo a passo sobre o conteúdo desse repositório.

Esse código é apenas para fins educativos e foi formatado de forma a exemplificar conceitos.

@emersonbrogadev
emersonbrogadev / README.MD
Last active August 30, 2019 13:45
React Clock - uma demonstração do ReactDOM.render() - DEMO 2

React Clock - uma demonstração do ReactDOM.render()

DEMO 2

O conteúdo aqui apresentado é para exemplificar o funcionamento do ReactDOM.render() e como funciona Virutal DOM do React.

Existe um video explicando passo a passo sobre o conteúdo desse repositório.

Esse código é apenas para fins educativos e foi formatado de forma a exemplificar conceitos e a forma como foi escrito não é necessáriamente o mais indicado para projetos reais.

@emersonbrogadev
emersonbrogadev / README.MD
Last active August 30, 2019 13:45
React Clock - uma demonstração do ReactDOM.render() - DEMO 1

React Clock - uma demonstração do ReactDOM.render()

DEMO 1

O conteúdo aqui apresentado é para exemplificar o funcionamento do ReactDOM.render() e como funciona Virutal DOM do React.

Existe um video explicando passo a passo sobre o conteúdo desse repositório.

Esse código é apenas para fins educativos e foi formatado de forma a exemplificar conceitos e a forma como foi escrito não é necessáriamente o mais indicado para projetos reais.

React Artist - Reutilizando componentes - DEMO

DEMO

O conteúdo aqui apresentado é para exemplificar como reutilizamos componentes no react.

Existe um video explicando passo a passo sobre o conteúdo desse repositório.

Esse código é apenas para fins educativos e foi formatado de forma a exemplificar conceitos.