JavaScript

Cómo crear paginación personalizada con React — step-by-step Javascript tutorial on Progressive Robot

Cómo crear paginación personalizada con React

Un método para administrar grandes conjuntos de datos a la vista es usar la técnica de desplazamiento infinito, donde se cargan más datos en lotes a medida que el usuario sigue desplazándose muy cerca del final de la página. Esta es la técnica usada a la hora de mostrar resultados de la búsqueda en Google Images. En este tutorial, veremos cómo crear un componente de paginación personalizado con React para paginar grandes conjuntos de datos. Crearemos una vista paginada de los países del mundo.

Read more
How To Create a Custom Source Plugin in Gatsby — step-by-step Javascript tutorial on Progressive Robot

How To Create a Custom Source Plugin in Gatsby

A source plugin is a bundle of code that handles bringing data into the Gatsby ecosystem from a given source. Sources can be from the local filesystem as with Markdown files, databases, published data feeds, or even completely dynamic remote data sources such as APIs. In this tutorial, you will build your own custom source plugin to bring new data into Gatsby from a real-world API. You will also format the data so that it can be accessed throughout Gatsby.

Read more
How To Deploy a React Application to an app platform — step-by-step Javascript tutorial on Progressive Robot

How To Deploy a React Application to an app platform

the cloud provider’s App Platform is a Platform as a Service (PaaS) product that lets you configure and deploy applications from a source repository. This can be a quick and efficient way to deploy your React applications, and if you are using React to build a site with no backend, you can use App Platform’s free tier. In this tutorial, you will create a React app with Create React App, push it to GitHub, then deploy it to App Platform for a quick continuous deployment option.

Read more
How To Handle Routing in React Apps with React Router — step-by-step Javascript tutorial on Progressive Robot

How To Handle Routing in React Apps with React Router

In React, routers help create and navigate between the different URLs that make up your web application. React Router is designed with intuitive components to let you build a declarative routing system for your application. In this tutorial, you’ll install and configure React Router, build a set of routes, and connect to them using the component. You’ll also use React Hooks to access data and other routing information and create nested routes.

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

How To Manage State in React with Redux

Redux is a popular data store for JavaScript and React applications. In this tutorial, you’ll use store, actions, reducers, and the useSelector Hook to build a bird watching test application. You’ll then pull data into your components and dispatch new changes to update the data.

Read more
CHAT