arthurdenner logo

arthurdenner

Archives
Subscribe

arthurdenner arthurdenner

Archive

Newsletter #21

Links

#21
August 5, 2021
Read more

Newsletter #20

Links

#20
July 29, 2021
Read more

Newsletter #19

Links

  • bat - A cat(1) clone with wings

    A better cat command with syntax highlighting and Git integration. Written in Rust.

  • Friendly Machine Learning for the Web

    ml5.js aims to make machine learning approachable for a broad audience of artists, creative coders, and students. The library provides access to machine learning algorithms and models in the browser, building on top of TensorFlow.js.

  • Typed-Emitter

    The native EventEmitter doesn't support strict TypeScript types and this library adds this feature. Very useful if you care about types.

  • Tiny 200-byte functional event emitter / pubsub

    An alternative to the native EventEmitter.

  • The Open Source Airtable alternative

    Turns any MySQL, PostgreSQL, SQL Server, SQLite & MariaDB into a smart spreadsheet.

    You can deploy it to Heroku to test it out for free.

  • JS is Weird

    A quiz with 25 quirky expressions to guess the output. Most of this syntax is probably, and hopefully, not something you use in your daily life.

  • Top 5 BEST games to code as a beginner

    Regardless of your experience, this blog post should help you along your way into starting out with some game development, or at the very least motivate you to give it a go.

🇧🇷 Em Português

  • Conheça as Streams do Node.js

    O Erick Wendel lançou um novo vídeo sobre Streams, mostrando várias utilidades e cenários diferentes.

  • Desenvolvedor Web em Toronto, Canadá

    Muitos brasileiros têm o sonho de sair do país e morar no Canadá. Este episódio do Carreira sem Fronteiras, um dos meus podcasts favoritos, conta a história de um deles e pode servir de inspiração para você. Spoiler: ele está procurando outros brasileiros para levar ao Canadá.

#19
July 22, 2021
Read more

Newsletter #18

Links

  • handsfree.js

    Quickly integrate face, hand, and/or pose tracking to your frontend projects in a snap.

  • StaticShield - Password protect a website in less than 2 mins

    This project is very simple to use and can be integrated into static sites and many frameworks.

  • WebSocket cat

    A tool to test WebSocket connections in the terminal.

  • I made my first mobile game and here is what I've learned

    A good write-up with some non-game related things that are very important to a game - or any other project actually.

    Have you ever built a game? Reply with a link if you did. I'm working on a simple game to practice WebSockets and some other things. 🙃

  • Git Graph

    A VSCode extension to see the commit tree as a graph, helpful for complex Git operations. It's similar to GitKraken and others but inside VSCode.

    I found out about it in this blog post about Git-related VSCode extensions.

  • Dump anonymized PostgreSQL database with a NodeJS CLI

    Sometimes it's useful to have an exact copy of a production database but without the data that identifies a user. This CLI tool aims to help with that.

  • Client/server side PDF printing in pure JavaScript

    The lib has a lot of utilities to dealing with things like tables, QR code and SVGs. You can find a lot of examples with code and output in the repository.

  • npm audit: Broken by Design

    A deep look into how npm audit works and the big amount of false positives we see when working with Node.js dependencies. For some big projects out there, these have become a burden since the first npm install is a bit scary for beginners.

  • VSCode Surround

    A simple yet powerful extension to add wrapper templates around your code blocks. This is so good - you can quickly wrap your code in a try/catch block or a loop.

  • 150+ free high-quality illustrations

    This collection has a HUGE undraw vibe. I liked the with and without mask variations. 😂

  • The next generation web framework for Cloudflare Workers

    A collection of modules with utilities to deal with Cloudflare Workers.

  • Fully-local Cloudflare Workers Simulator

    A simulator for developing and testing Cloudflare Workers. It's an alternative to wrangler dev, written in TypeScript, that runs your workers in a sandbox implementing Workers' runtime APIs.

🇧🇷 Em Português

  • O maior evento de Acessibilidade Digital do Brasil

    Em sua 4ª edição, o Link 2021 vai acontecer nos dias 9 a 12 de agosto de 2021, com conteúdos voltados à tecnologia, comunicação e diversidade, especialistas e personalidades discutirão o futuro da acessibilidade digital nas organizações e no mundo.

  • Podcast Alumni #29

    A história de Lucas Thomaz Ribeiro, que trilhou uma jornada incrível como atleta profissional e hoje atua como dev full-stack da ZUP. Ele conta como a trajetória na seleção brasileira de vôlei motivou seu foco, resiliência e disciplina e como aplicar isso na programação.

#18
July 15, 2021
Read more

Newsletter #17

Links

#17
July 8, 2021
Read more

Newsletter #16

Links

  • Advanced patterns for Progressive Web Apps

    Learn advanced PWA recipes that combine several modern web APIs using Workbox.

  • PostGraphile - Instant GraphQL API from a PostgreSQL database

    With one command, we can bootstrap a GraphQL API by pointing to a database. Pretty neat tool!

  • React Query Devtools Flipper plugin

    react-query is awesome and this Flipper plugin enables debugging it in React Native.

  • Developer-friendly, open-source session replay

    A session replay stack that lets you see what users do on your web app, helping you troubleshoot issues faster. It's the only open-source alternative to products such as FullStory and LogRocket.

  • Python in a Box

    Interactive online Python REPL in 30 lines of JavaScript.

🇧🇷 Em Português

  • Imersão FullCycle 3.0

    O pessoal da Code Education fará mais um evento gratuito. Dentre as tecnologias abordadas estão Nest.js, Apache Kafka e Golang. Vale a pena participar se você tem interesse por back-end e arquitetura orientada a eventos.

  • Imersão React

    Mais uma semana de conteúdo gratuito vai acontecer na segunda semana de Julho. Este evento será realizado pelo pessoal da Alura. Compartilhem com quem quer entrar no mundo do React.

#16
July 1, 2021
Read more

Newsletter #15

Intro

I’m going into a short vacation (one week), so probably there won’t be an edition next week.

See you in two weeks!

Links

#15
June 17, 2021
Read more

Newsletter #14

Intro

I was super busy last week and I couldn't publish a edition of this newsletter - sorry about that!

Links

  • The Plan for React 18

    The news of the week is the announcement of the plan for React 18 and its first alpha release. There are some nice things coming in the next major version but it will take some time for a stable release too.

    There is a good summary of the alpha release at "React 18 Alpha is out! Now what?".

  • Collection of free services

    A huge and well-organized list of different services with good free tiers.

  • Learn CSS

    An evergreen CSS course and reference to level up your web styling expertise. The course breaks down the fundamentals of CSS into digestible, easy to understand pieces.

  • Debug in-production Electron based app

    It is also built with Electron! Recently, I had to debug an issue in the built version and this was super helpful. I added some console.logs to the app (I know, I know 😄) and through this app, I was able to verify which messages were logged.

    PS: I plan to take a look at how far I can go debugging other Electron apps such as VSCode, Spotify, MS Teams and Discord to see if I notice something interesting in them. 👀

  • Design for reading: tips for optimizing content for Reader modes and reading apps

    A great write-up by Sara Soueidan about focusing on experience over styles and improving the experience by leveraging HTML and CSS only.

  • Interactive Pipe To: The Node.js cli interactive workflow

    It takes any kind of list as an input and uses that list to build an interactive interface to let you select an element from it. You can then pipe the selected items into other commands.

  • A modular geospatial engine written in JavaScript

    It includes traditional spatial operations, helper functions for creating GeoJSON data, and data classification and statistics tools.

  • A parable about startups and tech stacks

    A short story about a young man who wants to fulfill his dreams.

  • This person does not exist

    A website with random faces made using AI. They look very real. 🤯

#14
June 10, 2021
Read more

Newsletter #13

Links

  • 5 tips for your PWA

    Progressive Web Apps have evolved a lot in the last few years and this video contains 5 tips about improving and measuring your PWA. It uses Squoosh for the examples.

  • Love, Death & React

    I started to watch Love, Death & Robots a few hours before this video dropped, what a coincidence! Btw, the show has been great so far!

    Back to the video, it's about Remotion and how you can use it to build amazing motion graphics using React.

  • SkinDeep

    A project to remove tattoos from photos and images. The images and videos in the README are mind-blowing!

  • 1Log

    Log function with superpowers.

  • page-with

    A library for usage example-driven in-browser testing of your own libraries.

  • Learn Recoil 100% free

    "Recoil is an incredibly powerful state management tool that you can use to build performant, complex React apps". I have yet to have a look at it but here's a free course on the topic.

  • Open UI

    "The purpose of Open UI to the web platform is to allow web developers to style and extend built-in web UI controls, such as <select> dropdowns, checkboxes, radio buttons, and date/color pickers". I need to dig into it a bit more but I liked the idea.

🇧🇷 Em Português

  • VTEX lança programa com 10 mil bolsas para formar desenvolvedores

    O objetivo do programa é desenvolver profissionais em início de carreira, mas que já entendam de lógica e programação. Os selecionados terão dois meses e meio de aulas online e mentoria com profissionais do mercado de e-commerce.

  • Collapse com HTML e CSS em 5min!

    Já precisou implementar um accordion? Recorreu a alguma lib, criou um componente acessível? Há muitas questões envolvidas nesse componente, que parece simples.

    Você sabia que o HTML tem uma tag que pode ajudar bastante na hora de implementar este componente? O vídeo acima faz uma apresentação com demo bem rápida e útil.

#13
May 27, 2021
Read more

Newsletter #12

Links

  • Guide to creating animations that spark joy with Framer Motion

    Framer Motion is an awesome library for animations. I've been playing with it for a while and the post above taught me a lot - about the library and animations when I was starting.

  • Advanced animation patterns with Framer Motion

    From the same author as the previous article, here's an advanced guide on Framer Motion.

  • HSL Colors Explained: What they are and when to use them in Dart/Flutter

    If you're not familiar with HSL, like I am, this blog post explains it very well! You can skip the Dart/Flutter usage if you're not interested in that - it's a separate part of the post.

  • React Native Upgrade Helper

    It's sometimes (usually?) tricky to update the RN version of an app. RN is not stable, so there may be breaking changes between versions. This tool aims to help on the task.

  • Thinking on ways to solve a MEDIA SCROLLER

    Adam Argyle shares thinking on ways to create inline scrolling experiences for the web that are minimal, responsive, accessible and work across browsers and platforms (like TVs!).

🇧🇷 Em Português

  • Criatividade Cibernética

    Mais um vídeo incrível do Elemar Jr. falando sobre tecnologia e sua evolução.

  • Novo podcast da BrazilJS

    O pessoal da BrazilJS, que já recomendei em edições anteriores, (re)iniciou o podcast deles.

#12
May 20, 2021
Read more

Newsletter #11

Intro

I'm sorry for the small delay, I prepared the newsletter but forgot to schedule it 😅

Links

  • Toggle dark/light mode by clapping your hands

    Machine Learning is much more accessible nowadays and this tutorial shows it by teaching us how to use a ML with TensorFlow.js in a Chrome extension... 🤯

  • Board Gaming in Figma

    Figma is an awesome tool. Dave and his friends used it to design a game and then coded a plugin for the game features using Web Technologies... 🤯

  • Practical intro to WebAssembly

    I've seen some introductions to WebAssembly and Rust but nothing close to this video. It's really good as it brings a real use case, uses libraries and different approaches with some refactoring. If you're interested in learning a bit about this topic, make sure to watch it.

  • MapSCII - The Whole World In Your Console

    Google Maps in your terminal. Okay, not really but zooming and panning is supported.

  • The Double Dispatch Pattern

    I like Design Patterns although I don't use them often (mostly working with JS on the front-end). This one is pretty nice and it's worth a read as we can probably use a similar strategy anywhere.

  • The lazy-loading property pattern in JavaScript

    Speaking on patterns, here is another one, showing different ways to defer computationally-expensive operations.

#11
May 13, 2021
Read more

Newsletter #10

Links

  • Introducing Excalidraw+

    The team behind the awesome Excalidraw released a product that extends the free tool. Have a look if you want to support the team or have more features, the pricing plan is quite good.

  • A curated list of JavaScript tooling not written in JavaScript

    Not every tool in the JS ecosystem is written in the language itself. The listed tools in the link don't have a "big piece of the market" right now, but they will likely evolve and grow in usage in the next years, so keep an eye on them.

  • How to implement an exponential backoff retry strategy in Javascript

    Have you ever implemented retries on HTTP requests? It doesn't seem like a common thing to do but it's definitely valuable for some cases. This tutorial teach us how to implement in two different simple ways, that we can adopt to our needs.

  • Build an HTTPS-intercepting JavaScript proxy in 30 seconds flat

    A post about how simple it is to create a proxy server that intercepts requests.

    Unfortunately, I didn't find a way to see the server in action locally by running Chrome from the terminal on Mac. Let me know if you know how to do that!

  • Building a 6kB Containerized HTTP Server!

    Nailing a Docker challenge to build the World's Smallest Docker Container with a step-by-step guide, from the naive approach to the best solution.

🇧🇷 Em Português

  • Como ser um líder (independente do seu cargo)

    Este post da equipe do Trello é muito bom! Liderança é uma característica muito importante e podemos ser líderes mesmo sem o cargo. Não deixem de ler.

  • Três Vetores para o Crescimento Exponencial!

    O conteúdo produzido pelo pessoal da EximiaCo é sempre fantástico!

    "Novidades tecnológicas surgem todos os dias e tem ficado cada vez mais difícil identificar o que é presente e o que é futuro."

#10
May 6, 2021
Read more

Newsletter #9

Intro

A good mix this week, starting with an article I wrote recently. I hope you enjoy it!

Links

#9
April 29, 2021
Read more

Newsletter #8

Intro

I like open-source a lot, so I’m always finding new repositories and reading a lot of source code from them. Almost never I get to use the library or framework found but almost always I learn something from them and get to apply this knowledge in something I’m working on.

I wonder if any of you do the same. Let me know!

Links

#8
April 22, 2021
Read more

Newsletter #7

Links

#7
April 15, 2021
Read more

Newsletter #6

Intro

I hope you all had a good Easter. I did some camping for the first time - which didn't went so well haha - and biked around the city.

Links

  • React Labs

    The React team has created a video series featuring technical deep dives on React. At the time of writing, there's one for React Server Components - and I liked it.

  • How To Print in React Using Iframes

    How to best print a specific part of the page or a different page. Cool trick, I must say!

  • Windows alt-tab on macOS

    Do you also miss this feature from Windows? Now we can perform the same with this app.

  • Don’t Be Nice. Be Kind.

    Jason, who I admire a lot, wrote on how honest feedback is needed in our lives - in and outside of the job. It's hard to give honest feedback initially to we should try as it gets easier with time and helps much more in the long-term relationship.

  • The #1 tip to familiarize with new JavaScript Codebases

    Trying to make sense out of a new codebase... We've all been there!

    https://res.cloudinary.com/arthurdenner/image/upload/v1617645425/newsletter/IKIFEEL.jpg

    Meme "I know that feel bro", in which two people are hugging.

  • AssemblyScript - HTTP 203

    WebAssembly is quite interesting and it's present in apps like Figma, Squoosh and MongoDB Compass but there's a learning curve for it. This video gives an introduction to AssemblyScript, which aims to lower this barrier.

#6
April 8, 2021
Read more

Newsletter #5

Links

  • Super-Expressive Macro
#5
March 25, 2021
Read more

Newsletter #4

Intro

As mentioned, this week’s edition contains links for content related to testing. I hope you find them useful for your work and side projects.

If you have any other good links to suggest, feel free to send me and I’ll make sure to add them next week.

#4
March 18, 2021
Read more

Newsletter #3

Intro

I'd like to appreciate all the feedback you've given me so far. I'm trying to improve this newsletter every week and it's helping me a lot! Keep it coming! 🙌

Spoiler

As I've been getting stressed with looking into tests recently, expect the next week's edition to have some links on the topic 😉

#3
March 11, 2021
Read more

Newsletter #2

Intro

This week's content is focused on the front-end as it was my focus from last week. I hope you enjoy it as I read up for the next edition. 🤓

Front-end

  • The Future of the Front-End (with Pedro Duarte)
#2
March 4, 2021
Read more
  Newer archives Older archives  
Powered by Buttondown, the easiest way to start and grow your newsletter.