emersonbrogadev

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

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

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.

emersonbrogadev

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.

emersonbrogadev

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.

emersonbrogadev

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.

emersonbrogadev

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

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

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.

emersonbrogadev

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.