Публикации по теме 'reactjs'
День 5 #100daysofcode
Сегодня мы рассмотрим, как визуализировать два элемента рядом с помощью React Fragment. Вы не можете визуализировать два элемента React рядом (span>Hello/span>span>World/span>) в React. Они должны быть заключены в другой элемент (например, <div> ). Это может показаться странным ограничением, но, учитывая, что JSX скомпилирован для вызовов React createElement, это имеет смысл.
Наш исходный код будет:
Если мы хотим отобразить рядом два интервала, один из которых..
Что такое componentWillMount() как метод жизненного цикла в Reactjs?
componentWillMount() — это метод жизненного цикла в React, который вызывается непосредственно перед монтированием или добавлением компонента в DOM. Он вызывается только один раз в течение жизненного цикла компонента. Метод componentWillMount() полезен для настройки начального состояния компонента и для получения данных из API до того, как компонент будет смонтирован.
Вот пример использования componentWillMount() в React:
import React, { Component } from 'react';
class..
Swift like расширения в Javascript
Вы когда-нибудь задумывались о добавлении новых свойств и методов к существующему классу или объекту !!
Да, это возможно в javascript.
Object.defineProperty () здесь, чтобы спасти
/*
suppose you want to add new methods to the pre-defined Date class in javascript
*/
/*
here we are going to add new method called "diff" to calculate difference between two dates in days
*/
Object.defineProperty(Date.prototype,'diff', {
value: (date1, date2) => {..
Реагировать: - Компоненты высшего порядка
В Javascript у нас есть функции более высокого порядка, которые в основном являются функциями, принимающими функции. В реакции компонент более высокого порядка — это в основном функции, которые принимают компонент в качестве параметра, вводят или изменяют его реквизиты и возвращают измененный компонент.
Вариант использования в реальном мире: предположим, у вас есть кнопка, которую вы хотите отобразить с двумя разными стилями, поэтому основная идея HOC заключается не в создании двух..
React 18 используетTransition Hook
В React обновления состояния объединяются, что означает, что в вашем компоненте есть несколько частей состояния и состояния обновляются одновременно. React достаточно умен, чтобы объединять эти несколько обновлений состояния в одно обновление для оптимизации производительности.
но что, если этого нужно как-то избежать, некоторые обновления состояния требуют времени, например, рассмотрим компонент с двумя значениями состояния, одно из которых представляет собой функцию, которая берет..
Стажировка по веб-разработке в Lets Grow More — Программа виртуальной стажировки 2022
Недавно я получил возможность принять участие в месячной программе виртуальных стажировок от LetsGrowMore. Для меня это был не только способ практиковать свои навыки веб-разработки, но и прекрасный способ узнать много нового на этом пути. Программа виртуальной стажировки в LetsGrowMore была одним из самых ценных опытов, которые я получил в 2022 году. За этот период стажировки я выполнил две задачи:-
Задача 1: Создать одностраничный веб-сайт с использованием HTML, CSS и JS.
Ссылка на..
Что такое GraphQL?
Что такое GraphQL?
GraphQL — это язык запросов и среда выполнения для API (интерфейсов прикладного программирования), разработанный Facebook в 2012 году и открытый в 2015 году. Он обеспечивает более эффективную и гибкую альтернативу традиционным API-интерфейсам RESTful для получения данных с серверов и манипулирования ими. популярность в последние годы благодаря своей гибкости и эффективности, особенно в сценариях, где у клиентов разные требования к данным, или при создании современных..
