joaotavares.pt

Este foi um projeto que o objetivo era apenas mostrar os meus trabalhos, mas foi mais do que isso. Permitiu-me aprender varias coisas que não conhecia:

  • preact
  • prerender
  • netlify
  • markdown

Preact

Uma das preocupações que tive inicialmente foi a performance. Preact é uma alternativa ao React (com apenas 3kb) e como tinha todas as funcionalidades de que ia precisar, então foi a melhor escolha.

Prerender

Este método consiste em "pre renderizar" uma página para html no lado do servidor. O que acontece normalmente com uma spa em react é que o html é renderizado no cliente:

react.render(..)
Isto possibilita aos utilizadores verem imediatamente a versão html quer foi gerada no server mesmo antes do javascript (preact) ter sido carregado e executado.

Skills

  • preact
  • css (tudo programado de raiz, sem frameworks)
  • nodejs (prerender)

Open source

A maior parte dos meus projetos estão no bitbucket, em repositórios privados. Como é importante ter código disponível publicamente para poder ser avaliado decidi colocar no meu github (clicar aqui)