Vanilla JavaScript > React

Eu tenho um hábito de assistir as lives do tsoding, e as lives que mais me interessam são as lives onde ele programa em C e JavaScript.

As lives onde ele programa em C geralmente são lives em que ele faz algum experimento (testando alguma biblioteca por exemplo) ou simplesmente implementando algo. E isso acaba servindo de objeto de estudo para mim, já que ele é um programador com uns 20 anos de experiência nas costas.

Eu já vi coisas que eu nem sei ainda para que servem, como por exemplo nome->nome. Não faço ideia de qual seja a função disso, mas pelo o que eu entendi pelas falas dele, isso é algo relacionado à Pointers.

Mas as lives de JavaScript dele… aí sim eu consigo entender um pouco mais!

Graças ao fato do JavaScript ser uma linguagem tão flexível e acessível, é fácil de entender como certas coisas funcionam e também de implementar alguma ideia.

Por conta dessas lives, eu aprendi a fazer bastante coisa com o JavaScript, e até que rápido. Bom, esse site é um bom exemplo disso, em comparação com os meus sites anteriores (com exceção dos que usavam SSG’s), ele é muito robusto. O que é de se esperar quando o assunto é praticar: quanto mais você pratica, melhor você fica.

Não é mais o caso, mas esse site inteiro só tinha 1 página, todas as outras “páginas” eram seções da mesma página e eram alternadas usando alguns truques com CSS e JavaScript para gerar o conteúdo. Hoje em dia ele tem páginas separadas pra valer, mas fiz isso para poder ter uma organização melhor dos arquivos.

Porém, ele tem várias partes modulares, como por exemplo a barrinha que fica no topo de cada página. Ela pega um elemento vazio, lê uma array com objetos que contém títulos e urls, e gera links clicáveis, junto da estrutura necessária para criar um menu para celular!

Se você quiser, você pode ver o código-fonte disso aqui

Para esse tipo de coisa geralmente o que é recomendado pela CoMuNiDaDe WeBdEv é o React. Olha, eu já testei esse negócio, gostei do resultado, mas o nível de complicação que é adicionado para criar um site simples (como esse aqui) inviabiliza completamente o uso desse treco.

E outra, se o JavaScript padrão já consegue fazer tudo o que eu iria querer fazer com o React, então pra quê que eu vou querer usar essa porcaria? Não tem lógica.

Ah, mais uma coisa: esse site é feito e gerenciado dentro do Neocities :P Literalmente seria uma dor de cabeça desnecessária tentar colocar o React aqui.

Enfim, acho que por hoje é só. Até o próximo post!