Как стать автором
Обновить
5
Карма
0
Рейтинг
Никита Гордеев @gnv_cor

Пользователь

React hooks — победа или поражение?

ReactJS *

image


С выходом нового React 16.6.0 в документации появился HOOKS (PROPOSAL). Они сейчас доступны в react 17.0.0-alpha и обсуждаются в открытом RFC: React Hooks. Давайте разберемся что это такое и зачем это нужно под катом.

Читать дальше →
Всего голосов 22: ↑19 и ↓3 +16
Просмотры 40K
Комментарии 93

Angular vs. React vs. Vue: Сравнение 2017

JavaScript *Angular *ReactJS *
Recovery mode
Перевод

Выбор JavaScript-фреймворка для вашего веб-приложения может быть невыносим. В настоящее время очень популярны Angular и React, и есть также выскочка, получающий много внимания в последнее время: VueJS. Кроме них, лишь эти несколько новичков.


Читать дальше →
Всего голосов 62: ↑59 и ↓3 +56
Просмотры 145K
Комментарии 363

Тестирование React-Redux приложения

ReactJS *
Tutorial
image

Время чтения: 13 минут


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

Всех, кого заинтересовало, приглашаю под кат.
Читать дальше →
Всего голосов 7: ↑7 и ↓0 +7
Просмотры 42K
Комментарии 4

Анализ шести веб-фреймворков: плюсы, минусы и особенности выбора

Блог компании RUVDS.com Разработка веб-сайтов *Angular *ReactJS *VueJS *
Перевод
Недавно на sitepen.com вышла серия статей, посвящённая фреймворкам для разработки веб-приложений. А именно, в этих материалах исследованы платформы Angular 2+, React + Redux, Vue.js, Dojo 2, Ember и Aurelia.

image

Сегодня мы хотим поделиться с вами переводом статьи из этой серии, в которой, подводя итоги всех публикаций, каждый из этих фреймворков анализируют по нескольким показателям. А именно, речь пойдёт о плюсах и минусах каждого из них, о том, что может ждать их в будущем, и о том, в каких обстоятельствах стоит обратить внимание на тот или иной фреймворк.
Читать дальше →
Всего голосов 28: ↑26 и ↓2 +24
Просмотры 41K
Комментарии 43

React, Drag&Drop и performance

Блог компании Macte JavaScript *Интерфейсы *ReactJS *
Tutorial


В данной статье мы расскажем про свой опыт реализации интерфейса редактирования расписания занятий. Расскажем о проблемах, с которыми мы столкнулись и о возможных путях решения.
Читать дальше →
Всего голосов 12: ↑12 и ↓0 +12
Просмотры 24K
Комментарии 26

Синдром самозванца: сражение с усталостью от фронтенда

Карьера в IT-индустрии
Перевод
Недавно я разговаривал с другом из бэкенд-разработки о том, сколько часов провожу за программированием и изучением кода в свободное время. Он показал отрывок из книги Дяди Боба «Чистый код». Там разработчики, которые репетируют код перед запуском в работе, сравниваются с музыкантами, которые много часов готовят инструменты к концерту.

Мне понравилась аналогия, но я не уверен, что готов полностью подписаться на такое; это тот самый тип мышления, который в первую очередь приводит к выгоранию. Хорошо, если вы хотите углубить своё мастерство и расширить навыки, но если делать это непрерывно в течение всего дня — долго не протянешь.

Усталость от фронтенда очень реальна. Я видел много постов об усталости от JavaScript, но мне кажется, что проблема распространяется за пределы этого конкретного языка.
Читать дальше →
Всего голосов 40: ↑37 и ↓3 +34
Просмотры 31K
Комментарии 22

Пишем самый простой и быстрый input type file

CSS *jQuery *HTML *
Из песочницы
Доброго времени суток, мой дорогой друг. В сети, да и на Хабре, есть множество статей на тему создания своего input type=«file», но все они отличаются большим количеством костылей и большим количеством кода, что, как мне кажется, не есть хорошо. Ибо, как бы это не было парадоксально, меньше — лучше.


Всего голосов 58: ↑35 и ↓23 +12
Просмотры 54K
Комментарии 46

React Redux. Получение доступа к state из функции mapDispatchToProps()

ReactJS *
Из песочницы

Всем привет! Сегодня рассмотрим решение, довольно-таки популярной проблемы — получение доступа к state из функции mapDispatchToProps() react-redux приложения.


Имеется типовой компонент-контейнер (про идеологию компонентов react-redux можно почитать здесь), который генерирую с помощью функции connect(). Код представлен ниже (публикую кусок кода, относящийся к данной теме):


const mapStateToProps = (state) => {
    return state.play;
};

const mapDispatchToProps = (dispatch) => {
    return {
        togglePlay: () => {
            dispatch(togglePlay());
        }
    }
};

const ButtonPlayComponentContainer = connect(
    mapStateToProps,
    mapDispatchToProps
)(ButtonPlayComponentView);

Тут все просто, определяем функции mapStateToProps() для чтения состояния и mapDispatchToProps() для передачи события. Далее генерируем компонент путем передачи созданных функций в connect().

Читать дальше →
Всего голосов 15: ↑13 и ↓2 +11
Просмотры 61K
Комментарии 10

Информация

В рейтинге
Не участвует
Откуда
Россия
Дата рождения
Зарегистрирован
Активность