"react-redux": "^5.0.5", "react-router": "^4.1.1", "react-router-dom": "^4.1.1",

кто какую музыку слушает во время кодинга ?

@amonbower

я вот например chillwave

@riodejaneiro_ua https://radio.yandex.ru/user/onotoly.graves

v5

только он в бете вроде.

надо будет потестить 5 версию

Друзья, подскажите хорошие онлайн компиляторы, где можно кодить на react

В бете, но нормально заходит. Особых проблем не заметил.. разве что с сервер рендером

В StaticRouter внутри создается history и поэтому нету синхронизации с rr-redux —-> store

Друзья, подскажите хорошие онлайн компиляторы, где можно кодить на react

https://codesandbox.io/ https://www.webpackbin.com/ Я юзаю первый чаще. Он очень крутой и приятный дизайн.

В бете, но нормально заходит. Особых проблем не заметил.. разве что с сервер рендером

хм, это тоже радует. Обычно "beta" у меня ассоциируется с кучей проблем и исправлением багов

https://codesandbox.io/ https://www.webpackbin.com/ Я юзаю первый чаще. Он очень крутой и приятный дизайн.

Благодарю вас!

Всем привет! Есть ли какая-то специфика использования метода компонентов реакта в коллбеках сторонных библиотек? В http://idangero.us/swiper/ пыютась при смене слайда обновить путь в истории, но изменения происходят со второго вызова push: первый раз компонентам приходит старый роут, на второй - уже то, что было при первом вызове. Если метод перехода вызывается через события реакта, то всё происходит сразу.

Дароу! По поводу перезда c rr v.3, если раньше асинхронная проверка авторизации была на '/' onEnter, то как в rr 4 это элегантнее это сделать? Обернуть всё в компонент CheckAuth в котором на didMount/willRecieveProps проверять, авторизованы ли мы?

да, но есть куча готовых hoc что бы не писать это самому

То есть по философии rr4 это норма, если появлятся декораторы на компонентах типа @requirePermission, которые переопределяют didMount/willRecieveProps?

Не переопределяют, а оборачивают в хок в котором эти хуки есть.

Но вообще да.

Но, обычно оборачивают в сomponent={AuthHoc(HomePage)}

Сразу зашивать авторизацию в каком-то компоненте это неправильно.

Сразу зашивать авторизацию в каком-то компоненте это неправильно.

@zdmitr, имеешь ввиду неправильно на каждую Page свой instance авторизации? Лучше обернуть в один hoc группу страниц , которые требуют авторизацию?

@authHoc class Page extends Component { }

Я имел ввиду, что конфигурить какие страницы должны быть с авторизацией лучше это делать где-то в конфиге или в папочке routes.js

и там уже оборачивать хоками, но это мое мнение. А так можно куда хочешь пихать эти хоки.

@Viktor_Tsvetkov омагад, есть же в документации целый раздел на эту тему https://reacttraining.com/react-router/web/example/auth-workflow

Но читать мы ее, конечно же, не будем

Nikita читал, хочется слышать бывалых, кто уже использовал другой подход, либо "в офф доках норм пример, уже как год на проде" :) Всем спасибо

А в чем проблема закрыть компонент враппером с авторизацией? Или сделать это еще даже до роутинга

Есть ли какие-нибудь CLI, чтобы создавать компоненты и т.п. (не create react app). Я видел у Laravel есть такая фича, php artisan

Зачем

надо

Конкретнее

Есть ли какие-нибудь CLI, чтобы создавать компоненты и т.п. (не create react app). Я видел у Laravel есть такая фича, php artisan

В ruby on rails есть такой CLI. Учитывая что laravel создавался пхпшниками по мотивам рельс, логично почему он там тоже есть. Но в любом случае. Я в рельсах 5 лет уже. И CLI пользовался первые пару месяцев. Так что вопрос "Зачем" здесь - весьма кстати.

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

react new purecomponent Header

хотелось бы так, но как я уже искал в инете, нормального cli нету

хм

redux-cli

generact

что должно создаваться? один файл с компонентом? компонент в виде функции или класса? с заготовкой для проптайпсов или нет?

я редукс сли юзаю для создания модулей с крудами

что должно создаваться? один файл с компонентом? компонент в виде функции или класса? с заготовкой для проптайпсов или нет?

ты так спрашиваешь, будто сейчас этот cli запилишь

я редукс сли юзаю для создания модулей с крудами

ща посмотрю, спс

что должно создаваться? один файл с компонентом? компонент в виде функции или класса? с заготовкой для проптайпсов или нет?

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

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

Ну для таких действий generact хорош

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

Сниппеты в редакторе настрой

Сниппеты в редакторе настрой

спипеты нагенерят мне файловую структуру модуля и нужные компоненты ?

Вы о чем вообще

Вы там абстрактфакторибины на фабриках хуярите в реакте или что

ну у меня есть есть модуль в котором такая же файловая структура как в руте т.е components/containers/store/sagas/services/utils

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

Не создавай

и индексы жс в каждой папке

Вместо того чтобы решить проблему оверинжиниринга ищешь способ подпереть костыли

а где пробелема оверинжиниринга ? Я стараюсь держать все модули максимально не связанными между собой

и каждый модуль может как отдельный апилкейшин выступуть. Так максимальный реюз эти модулей выходит.

Красавчик, но я про избыточность твоей файловой структуры

Красавчик, но я про избыточность твоей файловой структуры

Окей, предолжи идею где я могу перенести какуе-то часть функционала с одного проекта в другой просто скопировав папку с модулем, при этом без избыточной файловой структуры ?

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

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

это большая связанность выходит.

ERROR: S client not available

В смысле

Я не говорю не делить на модули

Компонентный подход вообще-то чисто про это

Я говорю про то что подумай лучше нужны ли тебе эти тысячи директорией внутри модуля или можно сделать плоско

Не константс/(лист|шоу|апдейт|делит)/экшнс.джс, а actionTypes.js в корне модуля

Ну это все лежит в store

саги кидать в store не очень идея

Блядь это условный пример был

Ну в любом случае будет как минимум 4 папки.

Есть ли какие-нибудь CLI, чтобы создавать компоненты и т.п. (не create react app). Я видел у Laravel есть такая фича, php artisan

Я пишу

покажи

Ну в любом случае будет как минимум 4 папки.

Упрощай, можно ещё проще

ну и холивар вы завели из-за какой-то хрени

покажи

https://github.com/atomixinteractions/atomicreact/blob/master/README.md

https://github.com/atomixinteractions/atomicreact/blob/master/README.md

А почему решил написать свое, redux-cli вроде бы позволяет похожее делать ?

просто добавить блупринов в папку

А почему решил написать свое, redux-cli вроде бы позволяет похожее делать ?

Я хочу генерить по определенной структуре, с конкретными параметрами. А ещё всего лишь настроив конфиг

Интересная реализация

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

Хочу ещё при старте указать сразу проптайпс, создавать или нет файл описания, тестов и Стори

Мб чтобы сразу были базовые тесты

Ну там это решается, что ты в блупринт можешь закинуть любые файлы, плюс есть какое-то апи шаблонов для того что бы считать аргументы когда генеришь

по мне странно юзать ридакс кли для генерации компонентов я хочу заточить специально под компоненты

хотелось бы так, но как я уже искал в инете, нормального cli нету

В react boilerplate видел cli

В ruby on rails есть такой CLI. Учитывая что laravel создавался пхпшниками по мотивам рельс, логично почему он там тоже есть. Но в любом случае. Я в рельсах 5 лет уже. И CLI пользовался первые пару месяцев. Так что вопрос "Зачем" здесь - весьма кстати.

в yii и джанге тож есть, структуру базы описываешь или конектишься и они создают модели, CRUD вьюхи, роуты и ещё всякое с плагинами

https://github.com/react-boilerplate/react-boilerplate/blob/master/docs/general/commands.md

по мне странно юзать ридакс кли для генерации компонентов я хочу заточить специально под компоненты

Ну это просто название ))) Но у тебя как сразу готовое решения для atomic структуры очень неплохо

Ну это просто название ))) Но у тебя как сразу готовое решения для atomic структуры очень неплохо

Я планирую реализовать atomic только как готовый вариант конфига Который тоже можно расширить А так, можно будет юзать любую конфигурацию

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

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

не совсем понял