Executando verificação de segurança...
1
filipedeschamps
1 min de leitura ·

Nova melhoria: Refatoração e novos comportamentos no Editor de Markdown 🎉

Com os esforços de aprendendofelipe e andreghisleni, o componente Content - que é responsável pela parte de edição e visualização de conteúdos no TabNews - foi refatorado e ainda ganhou novos comportamentos.

Extraindo os principais pontos de um comentário que o aprendendofelipe fez:

  1. Rascunho salvo em localStorage mesmo não estando logado ✔️
  2. Caso a pessoa não esteja logada, ao clicar em "Publicar" ou "Responder" a pessoa é levada a tela de Login e depois redirecionada para o conteúdo ✔️
  3. Botão de cancelar publicação de resposta ✔️
  4. Confirmação de exclusão do rascunho ao cancelar ✔️
  5. Botão de Publicar desabilitado enquanto verifica sessão do usuário ✔️
  6. Possibilidade de deletar a Fonte (source_url) da publicação ✔️
  7. Edição sincronizada em diferentes abas ✔️

Isso foi implementado nesse Pull Request*.

*Atenção: se você receber um 404 no link acima, você ainda não tem acesso ao repositório do TabNews. Para ser convidado, confira esse link.

3
tacianosilva

Fico muito feliz em ser membro da turma! Ainda não consegui contribuir enviando um PR, ainda estudando javascript.

Tenho uma sugestão para o Editor de Markdown do TabNews. Não sei se já funciona o uso da marcação de código com crases. Fiz um teste abaixo e funcionou:

let message: string = 'Hello, World!';
console.log(message);

Outra coisa, extremamente interessante é o plugin/ferramenta Mermaid. Vi que ela já funciona no TabNews, é uma grande contribuição para a escrita de artigos.

graph LR;
    V-->M;
    V-.->C;
    C-->V;
    C-->M;
    M-.->V;

O mermaid não funcionou no Preview na edição do Post!!!

Att,

1
filipedeschamps
Autor
Autor

Total! Eu notei esse bug no modo Preview! É algum comportamento que eu introduzi ao construir o componente de edição, porque o ByteMD (editor que usamos), não tem esse bug na página de demonstração dele 👍 Não deve ser complicado de consertar, é só questão de localizar o que tem de diferente no CSS entre um post publicado (onde o Mermaid aparece) e um ainda em modo Preview (onde não aparece).

3
andreghisleni

Que maravilha que já conseguiram implementar isso kkkkkk
Brincadeiras a parte, deu bastante trabalho para me achar no componente, mas consegui e, mesmo com os erros, consegui mandar a primeira pull em menos de um dia que foi liberada a issue, e ainda depois veio o aprendendofelipe para me ajudar tanto na refatoração quanto na comprovação do uso do useCallback para evitar recarregamento de função, para quem quer ver o resultado do teste é só clicar aqui

Mas para quem não conseguir ver por não ter acesso ao repositório do projeto:

Print do resultado

E analisando esse resultado chegamos a conclusão que para performance o useCallback influencia em parte das funçoes, mas não afeta as outras.

2
2
Henriquetied472

Incrível!, quando eu vou escrever um novo post, sempre fico com pelo menos duas páginas, a do github da qual eu faço o post e a página do post, e direto a página do post descarrega, mas eu nunca perdi o que eu escrvi graças a esse

1