Fatrini - Frontend Developer

Bookmarks

7 Free Public APIs you will love as a developer

1. JSON Placeholder · 2. Google Translate · 3. Open Weather Map · 4. REST Countries · 5. IP API · 6. Random Data API · 7. The Pokemon API.

API Ninjas | Build Real Applications with Real Data

Build Real Projects with Real Data · Harness the power of 78 data APIs for your next big idea · Build amazing products · Impress clients · Unlock your dream ...

How to Use localStorage with React Hooks to Set and Get Items

localStorage is a web storage object that allows JavaScript sites and apps to keep key-value pairs in a web browser with no expiration date.

21 of the Best Placeholder Image Generators

This placeholder image generator offers a lot of options, including width and height, ratios, background and foreground color, and our favorite—common preset ...

Centering in CSS: A Complete Guide

Centering things in CSS is the poster child of CSS complaining. Why does it have to be so hard?

How to Configure Git Username and Email Address

Configure Git Username and Email Address with our tutorial. Git is a popular version control system for software development.

Local Storage in React

In this React tutorial, you will learn how to store state in local storage by using a custom React Hook. We will address the session storage shortly as well, but essentially it is used the same way as the local storage in React.

How to Consume REST APIs in React – a Beginner's Guide

React is a popular frontend library that developers use to create applications. And you will need to integrate APIs into your React application at some point if you want to build production-ready apps.

How to Search and Filter Components in React

If you're building a React app, you want your users to be able to search and get exact results. And if you are getting tons of items from an API, then you need to create a way for users to be able to find various items easily.

How to Use Vim – Tutorial for Beginners

Vim is one of the most popular text editors among Linux users. Linux System Administrators especially often prefer it to other editors.

How to install nvm on macOS Ventura

How to install nvm/node version manager on your macOS Ventura device

How to use IcoMoon and Icon Fonts - Part 1: Basic Usage

It is an online service that lets you generate a custom-built icon font, using icons that are either open licensed or for-pay. I've used IcoMoon ...

API & REST API: Penjelasan Lengkap, Contoh, Cara Kerja API

Tahukah kamu, tidak semua fitur yang ada dalam aplikasi, di-develop oleh tim engineer. Mereka bisa menggunakan fitur dari aplikasi yang sudah ada dan berfokus untuk mengembangkan fitur yang lebih unik.

JavaScript Anonymous Functions

in this tutorial, you will learn about JavaScript anonymous functions which are functions without names

Guard Clauses, Jurus jitu menghindari penggunaan nested if yang berlebihan

Seorang programmer terkadang hanya fokus menulis sebuah kode yang dapat menyelesaikan sebuah masalah, tapi semakin banyak kode yang ditulis seperti itu maka akan semakin rumit kode yang di hasilkan ...

Sidebar Menu Scroll Progress Indicator

You have a navigation menu on the left sidebar and as you scroll there is a progress indicator that moves along the menu to indication which section of the page is active

How do you fix a USB drive after Linux has been installed on it?

Hello, To Fix USB Drive 1. Boot into Windows 2. Plug USB 3. Open Powershell as admin TYPE THE FOLLOWING COMMAND 1. diskpart 2. list disk ...

Anas Muhammad Nasrurrohman

Hi, I'm Anas. I'm a software developer based in Jakarta, Indonesia. I enjoy using Typescript, React, and Node to build tech products.

Seorang User Interface Designer, saat ini tinggal di kota Surakarta yang banyak sekali makanan enak. Suka melakukan eksplorasi design yang minimalis dan memiliki fungsionalitas yang baik.

GSAP is an industry standard JavaScript animation library from GreenSock that lets you craft high-performance animations that work in every major browser.

Lottie is a library for Android, iOS, Web, and Windows that parses Adobe After Effects animations exported as JSON with Bodymovin and renders them natively on mobile and on the web!

A composable charting library built on React components

Form.io gives you the power to build twice as fast because it's effortless for anyone to drag and drop forms and APIs.

A BEAUTIFUL, RESPONSIVE, CUSTOMIZABLE, ACCESSIBLE (WAI-ARIA) REPLACEMENT FOR JAVASCRIPT'S POPUP BOXES