Javascript & Ajax \ React

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

От автора: плавная прокрутка, не знаете, что это такое? Ну, вместо того, чтобы нажимать на кнопку и мгновенно перемещаться на другую часть (той же) страницы, пользователь перемещается туда с помощью анимации. Прокрутка в React – это одна из тех тонких особенностей сайта, которая создает невероятную разницу в плане эстетики. Я лично только что реализовал это на одном из своих сайтов, потому что мне нравится опыт, который это предоставляет пользователю.

Продолжить чтение

Javascript & Ajax \ React

5 вещей, которые я не знала о Create React App

От автора: Create React App — это инструмент, который упрощает создание приложений React без необходимости иметь дело со сложными настройками. Недавняя версия Create React App v2 — отличный повод, чтобы пройтись по Руководству для пользователей еще раз и найти интересные функции, о которых вы не знали. Вот те, о которых не знала я.

Продолжить чтение

Javascript & Ajax \ React

Хуки React: это не магия, это просто массивы

От автора: я большой поклонник нового API хуков. Тем не менее, у него есть некоторые странные ограничения относительно того, как вам следует его использовать. Здесь я опишу модель, с помощью которой те, кто пытается понять причины этих правил, могут представить себе, как именно используются в React хуки.

Продолжить чтение

Javascript & Ajax \ React

Разрушение производительности приложения React через Redux

От автора: если разработать с помощью React Redux приложение, то это упрощает управление состояниями React. Но если Redux не интегрирован правильно, это может нивелировать ключевые преимущества использования React, разрушая производительность. В этом посте описывается, как вышло так, что я создал приложение с медленными показателями, и какие шаги я предпринял для исправления ситуации.

Продолжить чтение

Javascript & Ajax \ React

React 16.6: React.memo() для управление рендерингом функциональных компонентов

От автора: React 16.6.0 вышел! В нем появилось множество новых функций, включая две основных: React memo () и React.lazy(). Разделение кода и отложенная загрузка с помощью React Suspense. В этой статье мы рассмотрим React.memo(), а React.lazy() и Suspense в следующей крупной статье.

Продолжить чтение

Javascript & Ajax \ React

Если вы пренебрежете основами React, это может вас погубить

От автора: часто неспособность отладить какую-то ошибку проистекает из того, что вы не понимаете определенную основополагающую концепцию. Аналогично вы можете не понимать более продвинутые концепции, потому что вам не хватает знаний об определенных базовых принципах.

Продолжить чтение

Javascript & Ajax \ React

Создание виджета автозаполнения с помощью React и Elastic Search

От автора: этот пост представляет собой компиляцию утвержденных технических решений, применяемых благодаря React и Elastic Search и связанных с созданием виджета поиска с использованием автозаполнения со следующими требованиями ниже.

Продолжить чтение

Javascript & Ajax \ React

Создание компонента по образцу React с использованием vanilla JavaScript

От автора: я был немного вдохновлен этим утром твиттом от Кента Си Доддса. Признание: мне сегодня немного тоскливо, к тому же у меня небольшое похмелье, поэтому прошу прощения, если буду выражаться не слишком четко.. Но я увидел, что в списке Кента присутствует один пункт: vanilla javascript!

Продолжить чтение

Javascript & Ajax \ React

Лучшие практики кодирования на React и Redux

От автора: этим летом я закончил стажировку в Scott Logic, в их офисе в Ньюкасле. Имея небольшой опыт реализации реальных программных проектов, я обнаружил, что много смог почерпнуть из этого опыта. Мы работали над киоском для honesty.store. honesty.store — это магазин офисных товаров, он основан на идее, что люди платят за товары на веб-сайте и просто забирают их. Киоск позволял пользователям отправлять самим себе напоминания в Slack для оплаты товара.

Продолжить чтение