JavaScript

How To Make Netflix-Like Swipers in Vue — step-by-step Javascript tutorial on Progressive Robot

How To Make Netflix-Like Swipers in Vue

If you have been building for the web for a little while, you would have like me encountered at least some issues when making swipers – for some reason, they always seem to have a mind of their own for a while and they come around. It’s either, the swipe

Read more
How To Share State Across React Components with Context — step-by-step Javascript tutorial on Progressive Robot

How To Share State Across React Components with Context

In this tutorial, you’ll share state across multiple components using React context. React context is an interface for sharing information with other components without explicitly passing the data as props. This means that you can share information between a parent component and a deeply nested child component, or store site-wide data in a single place and access them anywhere in the application. To illustrate this, this tutorial will create a website where users can build custom salads.

Read more
How To Use Built-In and Custom Directives in Vue.js — step-by-step Javascript tutorial on Progressive Robot

How To Use Built-In and Custom Directives in Vue.js

As a front-end framework, Vue.js borrows the prop-driven approach of React, but also uses directives, which were made popular by Angular. In this context, directives are reusable chunks of code or logic that allow you to manipulate your HTML in many different ways, such as conditionally rendering an element, connecting events to an element, or creating dynamic attributes that depend on your Vue code. This tutorial will cover v-if, v-show, v-on, v-bind, v-model, v-html, and custom directives.

Read more
Cara Menggunakan Font Awesome 5 dengan React — step-by-step Javascript tutorial on Progressive Robot

Cara Menggunakan Font Awesome 5 dengan React

Font Awesome adalah kit alat untuk situs web yang menyediakan ikon dan logo sosial. React adalah pustaka pengodean yang menggunakan JavaScript untuk membuat antarmuka pengguna. Walaupun tim Font Awesome telah membuat komponen React untuk mendorong integrasi, ada beberapa hal mendasar yang harus dipahami tentang Font Awesome 5 dan strukturnya. Dalam tutorial ini, Anda akan mempelajari cara menggunakan komponen React dari Font Awesome.

Read more
How To Use Server-Side Rendering with Nuxt.js — step-by-step Javascript tutorial on Progressive Robot

How To Use Server-Side Rendering with Nuxt.js

Nuxt.js is a framework for Vue.js applications that can solve this problem with server-side rendering, a strategy that renders the application on the server then sends it to the client. In this tutorial, you will use Nuxt.js to generate page routes, create layout components, and set page-specific metadata for an example application.

Read more
CHAT