S01E02 - Aquele com os links de fevereiro
Fala, devs! 👋
Bem-vindos à segunda edição da minha newsletter focada em desenvolvimento front-end!
Todo final de mês, trago para vocês uma seleção de links com ferramentas, artigos e novidades que podem tornar sua rotina de dev mais fácil e produtiva. Fiquem à vontade para enviar feedback - ele é sempre muito bem-vindo!
Preparados para conferir o que rolou de melhor neste mês? Vamos lá! 👇
- https://diegoeis.com/devs-nao-digam-que-voces-sao-fullstack/
- https://whitep4nth3r.com/blog/how-to-build-a-copy-code-snippet-button/
- https://chenhuijing.com/blog/learning-web-extensions/
HTML
- https://iamwillwang.com/every-html-element/
- https://github.blog/engineering/user-experience/considerations-for-making-a-tree-view-component-accessible/
- https://evilmartians.com/chronicles/how-to-favicon-in-2021-six-files-that-fit-most-needs
CSS
- https://eslint.org/blog/2025/02/eslint-css-support/
- https://www.joshwcomeau.com/css/container-queries-unleashed/
- https://web.dev/blog/baseline-scrollbar-props?hl=pt-br
- https://yoavsbg.github.io/css-flexbox-playground/
- https://piccalil.li/blog/css-nesting-use-with-caution/
- https://frontendmasters.com/blog/three-approaches-to-the-ampersand-selector-in-css/
- https://blog.openreplay.com/create-scroll-animations-with-just-css/
- https://cloudfour.com/thinks/a-content-list-with-bulk-actions-using-ancient-html-and-modern-css/
- https://blog.jim-nielsen.com/2025/css-space-toggles/
- https://frontendmasters.com/blog/how-to-use-attr-in-css-for-columns-colors-and-font-size/
JavaScript
- https://deno.com/blog/deno-v-oracle2
- https://developer.mozilla.org/en-US/blog/javascript-temporal-is-coming/
- https://www.mercedes-benz.io/blog/2023-01-05-you-might-not-need-module-federation-orchestrate-your-microfrontends-at-runtime-with-import-maps
- https://www.simplefrontend.dev/blog/how-to-organize-and-split-frontend-applications/
- https://deno.com/blog/intro-to-wasm
- https://observe.style/
TypeScript
- https://benhowdle.im/migrating-js-to-ts-zero-downtime.html
- https://www.robinwieruch.de/vite-typescript/
- https://devblogs.microsoft.com/typescript/announcing-typescript-5-8-beta/
React
- https://beeps.dev/blog/nextjs-an-honest-review
- https://cekrem.github.io/posts/open-closed-principle-in-react/
- https://www.mensurdurakovic.com/the-most-common-react-design-patterns/
- https://tigerabrodi.blog/how-to-build-a-library-in-react
- https://2024.stateofreact.com/en-US
- https://www.robinwieruch.de/react-starter/
- https://tigerabrodi.blog/how-react-router-works-under-the-hood
- https://devanddeliver.com/blog/frontend/next-js-15-error-handling-best-practices-for-code-and-routes
- https://playfulprogramming.com/posts/react-as-prop
- https://reactpractice.dev/exercise/build-a-custom-usefetch-hook/
Angular
Vue
- https://vueschool.io/articles/vuejs-tutorials/vue-js-testing-with-vue-test-utils-and-vitest/
- https://masteringnuxt.com/blog/nuxt-scripts-the-answer-to-third-party-scripts-chaos
Node.js
Pacotes, Ferramentas e Repositórios
- https://github.com/egurapha/Shunpo
- https://github.com/orestbida/cookieconsent
- https://github.com/L-Blondy/up-fetch
- https://github.com/strlrd-29/hookcn
UX, UI e Acessibilidade
- https://designshack.net/articles/accessibility/dark-mode-and-accessibility/
- https://cssauthor.com/free-serif-fonts-for-commercial-use/
- https://www.whocanuse.com/
- https://magecdn.com/
- https://martijnhols.nl/blog/the-european-accessibility-act-for-websites-and-apps
- https://www.buttonconf.com/blog/how-to-bring-structure-and-clarity-to-design-system-components
- https://www.oddbird.net/2025/02/12/fluid-type/
- https://thisisfranciswu.com/enterprise-ui-palette-generator/
- https://jeromantik.de/scales
- https://www.figma.com/community/plugin/1333753396509792824/ikonik-50k-copyright-free-icons
- https://oklch.com/
Docker
Inteligência Artificial
- https://tecnoblog.net/noticias/programe-com-ia-google-libera-versao-gratuita-do-gemini-code-assist/
- https://github.blog/ai-and-ml/github-copilot/how-to-refactor-code-with-github-copilot/
Quiz
O JavaScript é famoso por suas peculiaridades, muitas vezes gerando resultados inesperados e divertidos. Você sabe o que acontece quando você executa o código abaixo?
Array(16).join('wat' - 1) + ' Batman';
O comportamento curioso desse código já confundiu muitos desenvolvedores e é frequentemente citado como uma das “estranhezas” do JavaScript.
A resposta é NaNNaNNaNNaNNaNNaNNaNNaNNaNNaNNaNNaNNaNNaNNaN Batman. Isso acontece porque 'wat' - 1 resulta em NaN (Not-a-Number). O método join() repete esse valor 15 vezes antes de adicionar ' Batman'.
Quer entender melhor por que esse comportamento ocorre? Confira os links abaixo:
WAT Talk de Gary Bernhardt - Uma apresentação divertida sobre as peculiaridades do JavaScript.
Explicação no YouTube - Vídeo detalhado sobre os comportamentos inesperados do código.
Especificação ECMAScript - Detalhes técnicos sobre operadores e comportamentos em JavaScript.
Tem um link interessante para compartilhar? Entre em contato. Toda contribuição é bem-vinda.
👋 Até o próximo mês!