React

Learn how to build an Instagram-like infinite scrolling feed in a React application with React Query’s useInifiniteQuery() Hook.

We often work with web applications that need to fetch large amounts of data from a server through APIs and render it on the screen. For example, in a Social media application we fetch and render users' posts and comments. In an HR dashboard we display information about candidates who

React render tracker – a tool to discover performance issues related to unintentional re-renders and unmounts - lahmatiy/react-render-tracker: React render tracker – a tool to discover performance ...

Functional components aren’t so functional any more. So how do we model them?

Настоящий или реальный (real) DOM DOM расшифровывается как Document Object Model (объектная модель документа). Проще говоря, DOM — это представление пользовательского интерфейса (user interface,...

TL;DR In this post I introduce useful custom React.js hooks that take websocket clients to...

In this article, focus on creating a simple and easy to use module for Internationalization that also uses very few lines of code.

МотивацияПривет, меня зовут Сергей и я фронтендер в KTS.Мы делаем проекты на React и на некоторых проектах важно использовать server side rendering (SSR). Не стану тут рассуждать, нужен ли SSR для...

How to create animations with React

Ресурс для изучения React.js и связанных с ним технологий на русском языке - harryheman/React-Total

Разделение Javascript-кода на несколько файлов называется разделением «бандла» или сборки (bundle splitting). Это позволяет загружать только тот код, который ко...

В этом уроке мы поговорим о серверном рендеринге (SSR), его преимуществах и подводных камнях. Затем мы создадим мини React проект и express сервер (Node.js), что...

You likely use the classNames library every day - but how well do you know it? 🤔 #reactjs #opensource #javascript #webdev #webdevelopment

When I visualize data on the web, my current favorite environment is using D3.js inside of a React.js application. These two technologies are notoriously tricky to combine. The crux of the issue is that they both want to handle the DOM.

Как использовать memoization, contexts, useMemo, useState, и useEffectДля будущих учащихся на курсе "React.js Developer" подготовили перевод материала. Также при...

Привет, Хабр!В одной из предыдущих моих статей “Все ли вы знаете о useCallback?” мы оценивали когда стоит использовать useCallback, а когда это избыточно. Та ста...

Know how useEffect works to avoid lint warnings and infinite loops

The React hook useEffect helps in adding componentDidUpdate and componentDidMount combined lifecycle in React’s functional component.So far we know we can add ...

How to use memoization, contexts, useMemo, useState, and useEffect

Разрабатываете на React или просто интересуетесь данной технологией? Тогда добро пожаловать в мой новый проект — Тотальный React. Введение Я работаю с React у...

Rendering optimizations that come naturally.

Creating new applications using React and Node.js always requires a certain amount of work before you actually start working on the final…

There are many ways to fetch data from an external API in React. But which one should you be using for your applications in 2021? In this tutorial, we will be reviewing five of the most commonly used patterns to fetch data with React by making an HTTP request to

Расшифровка доклада Сергея Нестерова с конференции FrontendLive 2020.Привет! Меня зовут Сергей, уже больше двух лет я работаю в группе компаний Тинькофф. Моя ком...

Both frontend and backend developers write tests. Testing is an excellent way to guarantee code quality.

I’ve been working with React since 2016 and still there isn’t a single best practice when it comes to application structure and design. While there are best…

React-i18next is internationalization framework for React. This blog is a step-by-step guide about adding react-118next to a React project…

Many features were added to JavaScript in ES6. And these changes help developers write code that is short and easy to understand and maintain. When you use create-react-app to create a React App, you already have support for these changes. This is because it uses Babel.js to convert the

One way to deal with long, complex forms is to break them up into multiple steps. You know, answer one set of questions, move on to another, then maybe

In my role as a web developer who sits at the intersection of design and code, I am drawn to Web Components because of their portability. It makes sense: