Diego Pacheco Tech blog

Design Systems are pretty popular nowadays. As you company grows and has multiples apps/sites and products you new have a consistent experience across your brand. Having components is a great architectural pattern to help you to deliver the design system to code. However coding tests for a design system component can be very time consuming and super expensive.  IF you are using React, Jest is really your natural choice. Jest can let you do both Example based testing but also Snapshot testing. Snapshot testing can be amazing or complete waste really depends on what you use for. For Error messages snapshotting testing be super useful but for testing design system components is IMHO the killer use case. Jest has great tooling and make you life as an engineer, dealing with snapshots super easy and fun. So I made a video about Jest and React. Let's get started. 

Testing is important. Unit testing makes a lot of sense for Backend where we have business logic, however, for frontend, I would argue the value is not exactly the same. There is a concept called Property-Based Testing that comes from functional programming which is super useful. It makes the engineering life much easier and not only saves time typing but also makes your tests more robust with really not much more effort. So today I made a very short javascript / nodejs video talking about JSVerify . So Let's get started. Video Code https://github.com/diegopacheco/Diego-Pacheco-Sandbox/tree/master/scripts/node.js/jsverify-fun Cheers, Diego Pacheco

Finalmente tomei vergonha na cara e coloquei um highlighter no meu blog. Estou utilizando o syntaxhighlighter que é feito em JavaScript. Muitos sites usam esse cara, apesar de ter muitos bugs abertos e várias coisas na wishlist achei muito fácil de usar. Vocês podem conferir o resultado neste post que eu fiz sobre Spring . Para colocar o recurso no Blogger, você deve baixar a ferramenta e fazer upload do CSS e dos arquivos .js em algum servidor. Agora você deve entrar no painel de administração do Blogger em: Configurações -> Layout -> Editar Html Edite o conteudo, no final do arquivo procure pelo fechamento das tags body e html e antes delas adicione os imports de CSS e JS, você acha isso no site da ferramenta . Aos poucos eu vou migrando o resto do blog para usar o recurso. Até a próxima.

Recentemente o pessoal da Google lançou seu mais novo produto um browser . Em termos de usabilidade e ergonomia o produto é muito bom. A interface é mais limpa e mais simples até mesmo do que a do Firefox.  V8: VM para Javascript O projeto V8 é uma engine open source para execução de Javascript. Este produto esta sendo utilizado no projeto Chrome. Esta engine, segundo engenheiros da Google interpreta o JS fazendo todo o parser necesário e depois realiza uma compilação do Js para rodar no V8. Segundo eles este mecanismo vai deixar as aplicações web: RIA e Web 2.0 que utilizam ajax muito mais rápidas.  O Chrome é mais Rápido que o Firefox? Segundo o post que saiu no Greener Desktop  , o Firefox ainda é mais rápido do que o Google Chrome. Mesmo com toda a propraganda que a Google fez , o firefox ainda esta ganhando em performance e recursos como plugins. Claro que a tendência é que com o tempo surjam mais plugins para o Chrome. O meu Feeling Atualmente a Google é a empresa que mais inves...

JQuery é um biblioteca escrita em JavaScript. Seu intuito é de facilitar o desenvolvimento de scripts com JavaScript; A biblioteca facilita diversos tipos de manipulações com dados e também a chamadas Ajax. Com JQuery algumas operações que era complexas se tornam mais fáceis. Para usar a biblioteca basta fazer o include js padrão. A Grande vantagem do JQuery é prover compatibilidade para browsers como Opera, IE, Saffari, Mozilla e outros, além de compatibilidade com CSS. $(document).ready(function() { alert('Ola mundo!'); } No código acima temos a sobre-escrita da clássica função onLoad do formulário, mas dá maneira JQuery. O os códigos do JQuery devem estar dentro de alguma função para funcionarem. Para descobrirmos se o Browser é o Firefox poderíamos fazer algo do tipo: $(document).ready(function() { alert("O Browser é o mozilla? " + $.browser.mozilla); }); O JQuery possibilita um série de facilidades, dentre elas eu destaco os filters. Veja o ...