+, так удобно переиспользовать логику, сейчас с рендер пропсами будет вообще канон так делать

Они не решают ничего нового.

Я знаю, просто делают это удобнее

Друзья, никогда такого не было и вот опять! 23 мая, Москва, в 500 метрах от Кремля. Спустя почти полтора месяца после нашей предыдущей встречи и почти месяц после конференции React Amsterdam мы решили собраться вновь! Очень много всего накопилось. Язык чешется. :) Чат русскоговорящего сообщества React.js в Telegram ( https://t.me/react_js ) перегрет горячими обсуждениями. Казалось бы всё уже давно обсудили, но нет! На этот раз наша встреча пройдет при партнёрстве с Альфа-банком. Попробуем новую площадку и посплетнечаем о прошедшей конференции в Амстердаме. ПРОГРАММА: 19:00-19:20 Встреча, общение, знакомство 19:20-19:35 Вступительное слово, дайджест (Денис Измайлов) 19:35-20:10 Архитектура компонент с использованием styled-components (Артем Артунян, CSSSR) Мы познакомимся с библиотекой styled-components (если кто ещё не знаком). Может быть именно SC (styled-components) предлагает лучший архитектурный подход к организации стилей в React-приложениях? Да, многими SC воспринимается просто как ещё одна библиотека в экосистеме React для написания CSS-in-JS, но, помимо этого, есть ещё один важный момент. SC предлагает не просто набор технологий, но и новый архитектурный подход к построению веб-интерфейсов. 20:10-20:30 Кофе-брейк, чай-пати 20:30-21:10 О форматировании кода (Олег Лучанский, Альфа-Банк) Вечные споры о стилистике кода мешают быстро разрабатывать приложения. На встрече Олег расскажет об инструменте Prettier, затронет спорррные моменты, покажет чистый код. Пройдёмся по отличиям между Prettier и ESLint, узнаем как же перестать париться о двух или четырёх пробелах. 21:10-21:50 React+Redux и MVC (Сергей Соколов, Альфа-Банк) Сегодня у React и Redux уже относительно низкий порог входа и хорошие туториалы, которые довольно быстро и наглядно могут научить делать хотя бы что-то. Интересный бонус - они же могут надолго привить умение делать приложения, которые будут тяжело масштабироваться и не поддаваться изменениям. ;) Сергей постарается рассказать о том, как с помощью абстракций MVC-шаблонов и некоторых самоограничений разрабатывать приложения на стэке React+Redux, которые не будут страдать от высокой связности, со всеми сопутствующими этому плюсами. УСЛОВИЯ УЧАСТИЯ: 1. Мероприятие бесплатное. 2. Вход строго по регистрации. ВНИМАНИЕ! Необходимо обязательно указать в настройках профайла на Meetup.com свои имя и фамилию. Регистрация по ссылке: https://www.meetup.com/React-Moscow-Meetup/events/250894427/ ВОПРОСЫ? Пишите в Telegram: - https://t.me/DenisIzmaylov

Можно пример?

Коллизия пропсов

Ну, в этом нет особой проблемы.

Ну теоретически она может возникнуть, а синтаксис рендер пропсов более читабельный

А вот здесь уже интереснее. Покажи, пожалуйста, на примере.

бери redux-pack хотя бы

Так в доке есть примеры C:

В какой?

https://reactjs.org/docs/render-props.html

Может в глаза долблюсь, но не вижу сравнения с хоками.

Мне редактор по башке даст, если я так сделаю.

Импортируешь из пакета хоки, у тебя коллизия, твои действия?

Может в глаза долблюсь, но не вижу сравнения с хоками.

Неубедительно как-то

Никогда не видел в них смысол

А в рендер пропах разве не может быть коллизии? если они вложены (что часто бывает и смотрится ужасно) или там прелесть в том, что по логам будет понятно где ошибка?

B map dispatch?

bindAction

Не должно быть коллизий

Подъехало поклонение шортхендов

<>{({ prop }) => <>{({ prop }) => (prop)}</> </> как то так

а можно расшифровать для непонимающих слово "шортхенд" ?)

({ prop: newProp }) => (newProp)

ну так и для хоков есть способы переименовать пропы

Какие же?

<>{({ prop }) => <>{({ prop }) => (prop)}</> </> как то так

Я сделал как он и радуюсь жизни

Так никто не будет делать

Будут но я написал решение

Будут но я написал решение

({ prop: newProp }) => (newProp)

кстати, а можно тут как то устроить голосование, кто за хоки а кто за рендер пропы, ну и кто за то чтобы использовать и то и то но с умом )

Вложенные hoc, одиночный renderprop

Используй то, что использует твоя команда в проекте

лайк )

Потому что я пока не придумал, как от лесенки избавиться

там уже есть какие то компоузы для этого, но тоже стрёмно смотрится, имхо

можешь скинуть взглянуть ?)

26 звёзд, 1 форк