React

How to Use Python Virtual Environments on Ubuntu 24.04 — step-by-step Linux tutorial on Progressive Robot

How to Set Up a Next.js 14 Application on Ubuntu 24.04

Next.js 14 introduces Partial Prerendering, improved Server Actions, and a stable Turbopack bundler. This guide creates and deploys a Next.js 14 application on Ubuntu 24.04 LTS with PM2 and Nginx. Tested and valid on: Ubuntu 24.04 LTS Prerequisites Ubuntu 24.04 LTS server Node.js 20 LTS installed PM2 installed Nginx installed Step 1 – Create a […]

Read more
How to Set Up a Next.js 15 Application on Ubuntu 26.04 — step-by-step Linux tutorial on Progressive Robot

How to Set Up a Next.js 15 Application on Ubuntu 26.04

Next.js 15 is a React framework that provides server-side rendering, static site generation, API routes, and the App Router. It is widely used for production React applications. This guide sets up and deploys a Next.js 15 application on Ubuntu 26.04 LTS with Node.js 22 and Nginx. Tested and valid on: Ubuntu 26.04 LTS Prerequisites Ubuntu […]

Read more
How To Add Animations to React Apps with React-Lottie — step-by-step Javascript tutorial on Progressive Robot

How To Add Animations to React Apps with React-Lottie

Lottie is a program developed by Airbnb Design that allows you to use After Effects animations in real-time in a lightweight and flexible format. Lottie takes JSON data from an After Effects extension called Bodymovin and turns it into a usable animation for the web. In this tutorial, we’ll build a React application that consists of two types of Lotties, a regular one and another with controlled animations depending on certain values in state.

Read more
Cara Membangun Paginasi Khusus dengan React — step-by-step Javascript tutorial on Progressive Robot

Cara Membangun Paginasi Khusus dengan React

Metode untuk menangani set data besar terkait tampilannya adalah menggunakan teknik guliran yang tak terbatas – ketika banyak data dimuat dalam potongan seiring pengguna terus menggulir hingga sangat dekat dengan akhir halaman. Ini adalah teknik yang digunakan untuk menampilkan hasil pencarian di Google Images. Dalam tutorial ini, kita akan melihat cara membangun komponen paginasi khusus dengan React untuk melakukan paginasi pada set data yang besar. Kita akan membangun tampilan terpaginasi dari

Read more
How To Create Multistep Forms With React and Semantic UI — step-by-step Javascript tutorial on Progressive Robot

How To Create Multistep Forms With React and Semantic UI

React makes it simple to create complex forms for acquiring user data by breaking down the sections into individual React components that collect certain inputs. You can then choose which components are rendered at each step by manipulating state. In this tutorial you will see how to do this, as well as sharing functionality across components using an example of a registration form.

Read more
Como implementar uma rolagem suave no React — step-by-step Javascript tutorial on Progressive Robot

Como implementar uma rolagem suave no React

O que é a rolagem suave? Em vez de clicar em um botão e ser imediatamente levado a uma parte diferente da mesma página, o usuário é enviado para lá através de uma animação de rolagem. É um daqueles recursos sutis em um site que fazem uma grande diferença estética.

Read more
CHAT