Javascript

How To Add Stimulus to a Ruby on Rails Application — step-by-step Javascript tutorial on Progressive Robot

How To Add Stimulus to a Ruby on Rails Application

In this tutorial, you will install and use Stimulus to build on an existing Rails application that offers readers information about sharks. The application already has a model for handling shark data, but you will add a nested resource for posts about individual sharks, allowing users to build out a body of thoughts and opinions about sharks. You will use Stimulus to manipulate the position and appearance of posts on the page.

Read more
How To Call Web APIs with the useEffect Hook in React — step-by-step Javascript tutorial on Progressive Robot

How To Call Web APIs with the useEffect Hook in React

In this tutorial, you’ll use the useEffect and useState React Hooks to fetch and display information in a sample application, using JSON server as a local API for testing purposes. You’ll load information when a component first mounts and save customer inputs with an API. You’ll also refresh data when a user makes a change and learn how to ignore API requests when a component unmounts.

Read more
Создание элементов React с помощью JSX — step-by-step Javascript tutorial on Progressive Robot

Создание элементов React с помощью JSX

Автор выбрал Creative Commons для получения пожертвования в рамках программы Write for DOnations. В этом обучающем руководстве вы узнаете, как описать элементы с помощью JSX. JSX — это абстракция, которая позволяет…

Read more
How To Customize React Components with Props — step-by-step Javascript tutorial on Progressive Robot

How To Customize React Components with Props

Props are arguments that you provide to a JSX element in a React application. They look like standard HTML props, but they aren’t predefined and can have many different JavaScript data types, including numbers, strings, functions, arrays, and even other React components. In this tutorial, you’ll create custom components by passing props to your component. After adding props, you will use PropTypes to define the type of data you expect a component to receive.

Read more
How To Generate a Vue.js Single Page App With the Vue CLI — step-by-step Javascript tutorial on Progressive Robot

How To Generate a Vue.js Single Page App With the Vue CLI

Vue.js is a popular JavaScript framework for creating user interfaces, often described as a combination of React and Angular, borrowing the prop-driven development of React and the templating of Angular. In this tutorial, you will use the Vue CLI vue create command to create a new Vue application, then try it out by building some single-file components.

Read more
Реализация плавной прокрутки в React — step-by-step Javascript tutorial on Progressive Robot

Реализация плавной прокрутки в React

Что такое плавная прокрутка? Вместо того, чтобы нажимать на кнопку и сразу же переходить на другую часть (той же самой) страницы, пользователь переходит туда посредством анимации прокрутки. Это одна из малозаметных особенностей сайтов, которая однако имеет эстетическое значение.

Read more
CHAT