Javascript

Cara Mengimplementasikan Guliran Halus di React — step-by-step Javascript tutorial on Progressive Robot

Cara Mengimplementasikan Guliran Halus di React

Apa yang dimaksud dengan guliran halus? Alih-alih mengklik tombol dan langsung dibawa ke bagian berbeda dari halaman (yang sama), pengguna diarahkan ke sana melalui animasi bergulir. Inilah salah satu fitur tak kentara di situs yang menghasilkan perbedaan estetika.

Read more
How To Manage State with Hooks on React Components — step-by-step Javascript tutorial on Progressive Robot

How To Manage State with Hooks on React Components

React Hooks are a broad set of tools in the React front-end JavaScript library that run custom functions when a component’s props change. Since this method of state management doesn’t require you to use classes, developers can use Hooks to write shorter, more readable code that is easy to share and maintain. Throughout this tutorial, you’ll learn how to set state using the useState and useReducer Hooks, using a product page component with a shopping cart as an example.

Read more
How To Set Up a GraphQL API Server in Node.js — step-by-step Javascript tutorial on Progressive Robot

How To Set Up a GraphQL API Server in Node.js

In this tutorial, you’ll make an Express API server in Node.js that serves up a GraphQL endpoint. You will also build a GraphQL schema based on the GraphQL type system, including operations such as queries and mutations, as well as resolver functions to generate responses for any requests. You will also use the GraphiQL integrated development environment (IDE) to explore and debug your schema and query the GraphQL API from a client.

Read more
How To Use Destructuring Assignment In JavaScript — step-by-step Javascript tutorial on Progressive Robot

How To Use Destructuring Assignment In JavaScript

JavaScript provides you with the ability to destructure objects and assign the individual units in one take. Destructuring means to unpack the values of objects or arrays into variables. At the end of this guide, you will see how to use it and what it can replace for you.

Read more
How To Use Font Awesome 5 with React — step-by-step Javascript tutorial on Progressive Robot

How To Use Font Awesome 5 with React

Font Awesome is a toolkit for websites providing icons and social logos. React is a coding library using JavaScript for creating user interfaces. While the Font Awesome team have made a React component to promote integration, there are some fundamentals to understand about Font Awesome 5 and how it’s structured. In this tutorial you’ll learn the ways to use the React Font Awesome component.

Read more
How To Use WordPress Content with a Gatsby.js Application — step-by-step Javascript tutorial on Progressive Robot

How To Use WordPress Content with a Gatsby.js Application

A new paradigm in WordPress is using it only for the content part of your site and using Gatsby.js to statically generate the frontend. By decoupling content from the user interface (UI), you can keep the content editor and collaborative features of WordPress, but also enjoy the faster load times and React-based UI ecosystem of Gatsby. In this tutorial, you will provision WordPress to talk to Gatsby and set up a new Gatsby project based on a starter template.

Read more
How To Write Conditional Statements in JavaScript — step-by-step Javascript tutorial on Progressive Robot

How To Write Conditional Statements in JavaScript

In programming, there will be many occasions in which you will want different blocks of code to run depending on user input or other factors. As an example, you might want a form to submit if each field is filled out properly, but you might want to prevent that form from…

Read more
CHAT