Facebook Timeline (ReactJS)

“Sucesso não é o resultado de um jogo, mas o destino de uma jornada”!

Sobre a aplicação   |    Tecnologias Utilizadas   |    Licença

ℹ️ Sobre a aplicação

A aplicação desenvolvida têm intuito único e exclusivo para aprendizado do ecossistema ReactJS. Se trata de uma interface semelhante a timeline da rede social Facebook.

🚀 Tecnologias Utilizadas

• Webpack
• Babel
• Webpack Dev Server
• ReactJS

Tela da aplicação

Componentes

Header (Amarelo): Responsável por exibir a logo e o link para acessar o perfil;

PostList (Verde): Responsável por armazenar os dados da listagem de post, esses dados devem ficar dentro do state do componente e não em uma variável comum, por exemplo:

import React, { useState } from 'react';

import data from '../assets/data.json';

function PostList() {
    const [posts,] = useState(data);

    return (
        ...
    );
}

Post (Vermelho): Responsável por exibir os dados do post, esses dados devem vir através de uma propriedade recebida do componente PostList, ou seja, lá no PostList você terá algo assim:

posts.map(post => <Post key={post.id} data={post} />);

Comment (Azul): Responsável por exibir um comentário. Os dados do comentário virão por uma propriedade do componente. Dentro do componente Post você terá um novo .map para listar os comentários do post:

data.comments.map(comment => <Comment key={comment.id} data={comment} />);

📝 Licença

Esse projeto está sob a licença MIT. Veja o arquivo LICENSE para mais detalhes.

---

Feito com ♥ by Maciel Santos