Команда Vercel порадовала нас большим релизом популярного фреймворка Next.js, давайте вместе разберёмся, что там изменилось и появилось нового

https://habr.com/ru/post/698966/?utm_source=habrahabr&utm_medium=rss&utm_campaign=698966

Redux и MobX больше не нужны ?

Туториал для новичков по EffectorJS - современному и удобному стейт-менджеру. Рассмотрим основные возможности, работу ядра, и какие проблемы решает. На примерах.

https://habr.com/ru/post/698880/?utm_source=habrahabr&utm_medium=rss&utm_campaign=698880

Приятно познакомиться, мы битриксоиды. Да-да, те самые которые:

- вообще не модные,

- пишут НЕ на Laravel и Symfony,

- возятся с кучей мягко говоря “неидеального” кода под названием “1С-Битрикс: Управление сайтом”,

- проходят Академию 1С-Битрикс и сдают платные экзамены для подтверждения компетенций,

- умеют дорабатывать обмен с 1С без истерики,

- берут с заказчика "тонну денег" за то что любой php-джун сделает на вордпрессе одной левой,

- но при всем этом почему-то делают сложные проекты переживающие тысячи доработок без потери товарного вида и управляемости.

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

Но сегодня речь не о бекенде. Поговорим мы про переделку нашего собственного сайта на более-менее свежих FRONTEND-технологиях. И одновременно прикинем, а почему бы не делать все сайты/магазины/личные кабинеты на таком стеке.

https://habr.com/ru/post/698536/?utm_source=habrahabr&utm_medium=rss&utm_campaign=698536

В этой статье я бы хотел подискутировать о том, насколько хорошо паттерн MVVM подходит для разработки Web приложений на React. Вместе этим, я собираюсь описать какие преимущества могут быть при разработке с использованием MobX с паттерном MVVM в сравнении с Redux. Запаситесь кофе, это будет долгое чтиво.

https://habr.com/ru/post/692218/?utm_source=habrahabr&utm_medium=rss&utm_campaign=692218

Использование ref в функциональных компонентах играет дополнительную роль: их можно использовать как стабильные переменные. В этой статье разберем классическое применение ref, как с помощью них получить доступ к dom элементам или к классовым компонентам с их переменными и методами. Также разберем как получать переменные и методы функционального компонента, для чего нужны forwardRef и useImperativeHandle. В конце поговорим про стабильные переменные и это будет мостиком следующей теме о useMemo, useCallback и оптимизациях.

https://habr.com/ru/post/677208/?utm_source=habrahabr&utm_medium=rss&utm_campaign=677208

Заключительная в цикле статья подводит итоги и рассказывает о том, как должна выглядеть типизация React-приложений по мнению автора. Также в конце статьи располагается опрос для получения обратной связи.

https://habr.com/ru/post/697564/?utm_source=habrahabr&utm_medium=rss&utm_campaign=697564

Данные в React-приложениях передаются по однонаправленному потоку: через пропсы (или React Context) от родительских компонентов к дочерним и через колбэки от дочерних к родительским. Типизация пронизывает этот поток, помогая разработчику документировать данные на разных слоях, обнаруживать ошибки на стадии написания кода и проектировать упрощённую логику.

При изменении логики на одном уровне приложения возможно появление ошибок в зависимом коде, которые анализатор TypeScript подсвечивает. Разработчику остаётся переписать типизацию и логику. Чтобы каждый раз не обслуживать зависимые типы, их можно конструировать на основе базовых, таким образом связывая типы.

https://habr.com/ru/post/697548/?utm_source=habrahabr&utm_medium=rss&utm_campaign=697548

Привет, друзья!

Представляю вашему вниманию перевод этой небольшой заметки, посвященной предложению нового хука React.

Первоклассная поддержка промисов в React — как это должно работать

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

https://habr.com/ru/post/697414/?utm_source=habrahabr&utm_medium=rss&utm_campaign=697414

Данная статья продолжение статьи про мемоизацию, в которой мы разбирали зачем нужно использовать memo и как правильно с ним работать. В этой статье разберем, как правильно использовать useMemo и useCallback, какое у них api и разберем пару трюков. В прошлой статье я писал, что в следующей будет информация про useRef, useImperativeHandle и прочее, но в итоге решил, что текущий материал можно объяснить проще. Только трюки подведут нас к использованию useRef и уже в следующей лекции мы разберемся с ним.

https://habr.com/ru/post/696610/?utm_source=habrahabr&utm_medium=rss&utm_campaign=696610

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

В этой заметке я постараюсь разобрать решение, которое позволяет изменять состояние только тех потребителей, которые необходимо изменить. Причем такое поведение будет обеспечено всего одним хуком.

https://habr.com/ru/post/696660/?utm_source=habrahabr&utm_medium=rss&utm_campaign=696660

Предисловие

Этот туториал предназначен в первую очередь для новичков в разработке на Frontity (React framework для WordPress)

Основная цель

Собрать в одном месте необходимую информацию для настройки авторизации для приватных эндпоинтов WordPress на примере получения коллекции меню

https://habr.com/ru/post/696650/?utm_source=habrahabr&utm_medium=rss&utm_campaign=696650

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

https://habr.com/ru/post/696294/?utm_source=habrahabr&utm_medium=rss&utm_campaign=696294

В каждом проекте свои правила и подходы в типизации данных. Некоторые из них общепринятые, кое-какие сомнительны, а иные не достаточно строги. В данной статье предлагается объективный взгляд на законы, придуманные разработчиками для использования TypeScript.

https://habr.com/ru/post/694832/?utm_source=habrahabr&utm_medium=rss&utm_campaign=694832