Almost there...

Hi, I'm Alcides Queiroz

I'm a front-end engineer and JavaScript hacker based in São Paulo/Brazil.
MediumGitHubBehanceStack OverflowTwitter

A bit about me

I love to write clean and maintainable code. These days, I’m working mainly with React, Redux, TypeScript, React Query, Recoil, Tailwind CSS, styled-components, React Native, Next.js, Angular 2+, Sass, Stylus and some other stuff.

Whenever I have free time, I like to write technical articles on Medium and to contribute to F/OSS.

I also have a great passion for good design in general (UI, web, typography, pixel art, animation, isometric illustrations, branding, and so on).

Articles

I've been into writing ever since I was a kid (be it fictional stories or personal stuff in my early websites/blogs). Over the last few years, I started writing more frequently, specially technical articles. Here are some of them:

Learn these neat JavaScript tricks in less than 5 minutes

Time-saving techniques used by pros

How to create a JavaScript unit testing framework from scratch

A DIY guide to learn how an unit testing framework works under the hood

360° view Skyscraper at night made only with CSS gradients and 3D transforms

A CSS experiment with 3D transforms

Super Mario World made ONLY with CSS gradients

No JS, images or embedded resources

(In portuguese) Async JavaScript: callbacks, promises and async functions

Understanding the different approaches for asynchronism in JS

Alternatives to vanilla CSS in 2018

The pros and cons of CSS-in-JS, preprocessors and post-processors

Getting rid of node_modules with Yarn Plug’n’Play

Reduce your installation time up to 70%. Ask me how! :-)

CSS magic with custom properties

Leveraging the potential of CSS variables for a more dynamic CSS

Open source

I do some OSS contribution in my spare time. My modules tend to be small, so they can be easily reused.

whatype

🕵 No more headaches to find the type of a value in JavaScript. Whatype is a tiny module that saves you from some annoying type-related WTFJSes.

node-loading

🕶 Superb loadings for Node console apps.

tooltippy

💬 Graceful CSS-only tooltips in under 1kb gzipped.

array-badass-extensions

🥊 Badass extension methods for JavaScript arrays

tyrion

⚔️ A tiny testing framework created for the article "#LearnByDIY - How to create a JavaScript unit testing framework from scratch"

case.js

🔠 A lightweight library for converting between different cases, such as camel, kebab, snake, pascal and others.

power-range

🏋🏻 A small and powerful library for creating ranges of almost anything: numbers, letters, dates and even strings! Yay!

obrray

✨ Convert between objects and arrays in many different ways. Wololoooo!

Design

I have a true passion for all forms of design, specially digital. I often try and experiment with different ideas and concepts. Below are some designs I have done over the last few years: