Главная » Архив меток: ReactJS

Архив меток: ReactJS

[Перевод] Записки фрилансера: разработка первого React Native-приложения

Автор материала, перевод которого мы публикуем, недавно выпустил своё первое мобильное приложение, написанное на React Native. Так случилось, что это приложение стало и его первым проектом, который он создал как программист-фрилансер. Здесь он расскажет о том, с чем ему пришлось столкнуться в ходе работы — от инициализации проекта до его публикации в App Store и Google Play. Почему я выбрал ...

Читать далее »

[Перевод] Учебный курс по React, часть 28: современные возможности React, идеи проектов, заключение

Сегодня, в заключительной части перевода курса по React, мы поговорим о современных возможностях React и обсудим идеи React-приложений, создавая которые, вы можете повторить то, чему научились, проходя этот курс, и узнать много нового. → Часть 1: обзор курса, причины популярности React, ReactDOM и JSX→ Часть 2: функциональные компоненты→ Часть 3: файлы компонентов, структура проектов→ Часть 4: родительские и дочерние компоненты→ ...

Читать далее »

[Перевод] Учебный курс по React, часть 27: курсовой проект

В этой части перевода учебного курса по React вам предлагается создать генератор мемов. → Часть 1: обзор курса, причины популярности React, ReactDOM и JSX→ Часть 2: функциональные компоненты→ Часть 3: файлы компонентов, структура проектов→ Часть 4: родительские и дочерние компоненты→ Часть 5: начало работы над TODO-приложением, основы стилизации→ Часть 6: о некоторых особенностях курса, JSX и JavaScript→ Часть 7: встроенные ...

Читать далее »

[Перевод] Сверхпростое логгирование в Javascript — два декоратора, и готово

Может вы, так же как и я, неоднократно задумывались о том, чтобы это дело автоматизировать? Вам еще не надоело писать logger.info('ServiceName.methodName.') и logger.info('ServiceName.methodName -> done.') на каждый чих? В данной статье рассказ пойдет о class-logger, как об одном из вариантов решения проблемы с помощью всего лишь двух декораторов. Зачем оно вообще надо? Нам нравятся красивые лаконичные абстракции. Не все перфекционисты ...

Читать далее »

[Перевод] Аналитика логов Nginx с помощью Amazon Athena и Cube.js

Это хороший вариант для мониторинга или real-time аналитики, но не слишком удобный для исторического анализа. Обычно для мониторинга и анализа работы Nginx используют коммерческие продукты или готовые open-source альтернативы, такие как Prometheus + Grafana. На любом популярном ресурсе объем данных из логов nginx быстро растет, и для анализа большого объема данных логично использовать что-то более специализированное. Вот полная архитектура решения: ...

Читать далее »

[Перевод] Учебный курс по React, часть 26: архитектура приложений, паттерн Container/Component

В этой части перевода учебного курса по React мы поговорим об архитектуре React-приложений. В частности, обсудим популярный паттерн Container/Component. → Часть 1: обзор курса, причины популярности React, ReactDOM и JSX→ Часть 2: функциональные компоненты→ Часть 3: файлы компонентов, структура проектов→ Часть 4: родительские и дочерние компоненты→ Часть 5: начало работы над TODO-приложением, основы стилизации→ Часть 6: о некоторых особенностях курса, ...

Читать далее »

[Из песочницы] Вещи, которых я не знаю в 2018

Представляю вашему вниманию перевод статьи "Things I Don’t Know as of 2018" автора Дэна Абрамова. Привет, Хабр! Это не так плохо и я совсем не жалуюсь. Люди обычно думают, что я знаю многое, но это не так на самом деле. (Некоторая малая часть людей часто страдает от предвзятого убеждения, не смотря на то, что они заслуживают большего, что ужасно.) Я ...

Читать далее »

[Из песочницы] Избавляемся от дублей пакетов в бандлах

Существует много webpack пакетов находящих дубли в бандле, самый популярный из них duplicate-package-checker-webpack-plugin, но он требует пересборки проекта, а так как стояла задача автоматизировать подбор оптимальной версии пакетов, то и вовсе получилось свое альтернативное решение. Ну или моя история как получилось уменьшить бандл на 15%, за несколько секунд. Публикуются они через lerna, соответственно перед каждой установкой или обновлением общих компонентов ...

Читать далее »

[Перевод] Полное руководство по useEffect

Вы написали несколько компонентов с использованием хуков. Возможно — даже создали небольшое приложение. В целом результат вас вполне устраивает. Вы привыкли к API и в процессе работы обнаружили несколько неочевидных полезных приёмов. Вы даже создали несколько собственных хуков и сократили свой код на 300 строк, поместив в них то, что раньше было представлено повторяющимися фрагментами программы. То, что вы сделали, ...

Читать далее »

[Перевод] Чем функциональные компоненты React отличаются от компонентов, основанных на классах?

Чем функциональные компоненты React отличаются от компонентов, основанных на классах? Уже довольно давно традиционный ответ на этот вопрос звучит так: «Применение классов позволяет пользоваться большим количеством возможностей компонентов, например — состоянием». Теперь, с появлением хуков, этот ответ больше не отражает истинное положение дел. Но какой именно? Возможно, вы слышали о том, что один из этих видов компонентов отличается лучшей производительностью, ...

Читать далее »