React

How To Build Custom Pagination with React — step-by-step Javascript tutorial on Progressive Robot

How To Build Custom Pagination with React

A method for handling large datasets on the view is by using the infinite scrolling technique – where more data is loaded in chunks as the user continues scrolling very close to the end of the page. This is the technique used in displaying search results in Google Images. In this tutorial, we will see how to build a custom pagination component with React for paginating large datasets. We will build a paginated view of the countries in the world.

Read more
Como criar elementos React com o JSX — step-by-step Javascript tutorial on Progressive Robot

Como criar elementos React com o JSX

O autor selecionou a Creative Commons para receber uma doação como parte do programa Write for DOnations. Neste tutorial, você aprenderá como descrever elementos com o JSX. O JSX é uma abstração que permite que…

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 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
How To Style React Components — step-by-step Javascript tutorial on Progressive Robot

How To Style React Components

In this tutorial, you’ll learn three different ways to style React components: plain Cascading Style Sheets (CSS), inline styles with JavaScript-style objects, and JSS, a library for creating CSS with JavaScript. To illustrate these methods, you’ll build an example Alert component that will either show a success style or an error style depending on the prop. You will then refactor it using each of the styling options to see the similarities and differences between each.

Read more
CHAT