🎉My Favorite Developer Tools

May 12, 2021

Over the years, I've accumulated quite a few useful tools and resources for programmers. It's time to organize them and share them all!

APIs

• Open Source APIs

An open-source list of APIs.

• Public APIs

A list of public APIs.

App development

• Expo

The fastest way to build an app.

• React Native

Creates truly native apps and doesn't compromise on UX/UI.

Code Compatibility

• BabelJS

Babel is a JavaScript compiler.

• Can I Use?

Browser compatibility tables.

CSS

• Animate.css

A CSS animation library.

• Animation for Beginner

A guide to CSS Animation

• CSS Tricks

Extended library of CSS tools and resources.

• Flexbox Cheatsheet

A comprehensive visual guide all of combinations of Flexbox.

• Flexbox Guide

A guide to Flexbox.

• Grid Guide

A visual grid guide.

• Linear Gradient

Linear Gradient in CSS.

• Minify

A tool to compress our CSS.

• Paletton

Find the code for your color and find complementary colors.

• Specificity Calculator

A visual way to understand the hierarchy of CSS Specificity.

• Styled Component

Styled Component.

• Transition and Transform

A guide to CSS Transition and Transform.

• Vertical Align

The vertical-align CSS property sets vertical alignment of an inline, inline-block or table-cell box.

JavaScript

• Array Explorer

JS Array Explorer.

• Array Methods

Exhaustive lists of array methods.

• Back to Top Arrow

Functional and elegant back to top arrow.

• Data structure

Javascript data structure with map, reduce, filter, and ES6.

• ECMA new features

ECMA new features.

• Event Reference

Exhaustive lists of events, for example onClick.

• npm

The whole npm plugins library.

• Object Explorer

JS Object Explorer.

• Props Drilling

Props Drilling in JS.

• Set

Description of the set object.

• Time Display

Display of Time, Hours, Timezone...

• var, let, const

var vs let vs const in JavaScript.

jQuery

• jQuery Documentation

Official jQuery documentation.

• You Might Not Need jQuery

Blog Article on the use of jQuery.

json

• json Introduction

Learn about json with we3schools.

• json placeholder

Fake Online REST API for Testing and Prototyping.

React

• Component

Guide of React components.

• Destructuring props

Destructuring props in React.

• Fetching Data with React Hooks

Fetching Data with React Hooks.

• Hooks

React Hooks Overview.

• Hooks API Reference

Hooks API Reference.

• Props vs. State

React Props vs. State.

• Repository

Repository of create-react-app.

React Plugins

• react-reveal

Reveals on scroll effects.

• react-router-dom

Routing between pages.

• react-spring

Simple animations.

• react-vx

Low-level visualization components.

UI

• Font Awesome

Free library of icons.

• Google Fonts

Free library of fonts.

• Material UI

Free library of React components.

• React Icons

Free library of React icons.

• Unsplash

Free library of photographs.