@react_js

Страница 770 из 5115
KlonD90
24.12.2016
22:11:38
Сейчас пакет react fast render

Valery
24.12.2016
22:12:21
Какой вообще путь что бы запилить нормльное такое приложение на реакте? Я так понимаю почти всегда делаешь приложение без роутов ну или с небольшим количеством

а так что бы прям SPA

)))

Google
Valery
24.12.2016
22:14:38
Или норм работающее SPA это мечты?

Andrew
24.12.2016
22:21:40
все равно все сведется к разруливанию стейта

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

ну и еще пабырому что-то из кеша отдать клиенту, пока нормально в браузере функционал затянется

второе я еще понимаю

но первое это как-то изврат имхо

Denis
24.12.2016
22:23:06
давно уже гугл всем сказал - наш бот видит сайты как хром, что вы мучаетесь

Andrew
24.12.2016
22:23:23
мучаемся ради яндекса :)

ладно изоморф

вот годная интернационализация - вот это pain in the ass

Valery
24.12.2016
22:24:11
Ок хорошо! Изоморфизм не нужен наххрен как получить нормально по урлу состояние компонента?))) На том же ларавеле?)()))

Andrew
24.12.2016
22:25:06
ну вариантов у тебя три и все их перечислили выше

но в целом конечно ежа с ужом скрещиваешь

Google
Valery
24.12.2016
22:26:08
те если роуты подтягивать то можно тупо рендерить компонент по тому же роуту и все ?

Andrew
24.12.2016
22:26:26
ну и с пыхой на бэкенде про изоморф можно помоему забыть, или уже научились реакт в пыхе рендерить?

Denis
24.12.2016
22:26:44
да вроде есть модули

Andrew
24.12.2016
22:26:56
у тебя SPA, или ты тянешь каждый роут отдельно с сервера?

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

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

Valery
24.12.2016
22:28:50
Так и сделал на ноде но редукс еще не подключал боюсь ад будет совсем

Думаю уже на ларавель пилить

Andrew
24.12.2016
22:29:08
в целом и на ноде будет не шибко быстро серверсайд рендеринг

а нода к редаксу не имеет особо отношения так то

а экспресс мне люб своей лаконичностью

с редаксом главное - грамотно структуру (архитектуру) стора проработать

иначе закостыляешься

Klim
24.12.2016
22:30:13
а экспресс мне люб своей лаконичностью
в нем кучи повторного кода

типа отработка 404, 500

Andrew
24.12.2016
22:30:27
в нем кучи повторного кода
это смотря как писать

типа отработка 404, 500
никто не мешает тебе оформить нужные функции и навесить куда следует

Klim
24.12.2016
22:30:47
а как без этого обойтись

ну

нууу

Google
Klim
24.12.2016
22:31:05
тоже верно

Andrew
24.12.2016
22:31:22
например вот так :)

app.get('/api/*', (req, res) => { const ret = api(route2array(req), req.query); return res.json(ret); });

const api = (route, query) => { const path = route.join("/"); console.log(API [${path}]:, query); if (allowed[path] && typeof allowed[path] == "function") { return allowed[path](query); } else { return { err: Undefined API module requested: ${path} }; } }

и в allowed пихаешь все функции API, по сути это одновременно и whitelist

Таймураз
24.12.2016
22:33:54
Можно не express, а connect юзать

Andrew
24.12.2016
22:34:09
причем можешь даже так запихать "get/data" : (q) => { ... }

или "get/data/all" ...

при этом имеешь весь роут покомпонентно отдельно в массиве и как-то это можешь обрабатывать.

Valery
24.12.2016
22:36:22
Ребята спасибо за инфу ! Буду дальше ноду ковырять

Andrew
24.12.2016
22:36:36
это сырая заготовка, можно еще расширять

в совокупности с регулярками в роутах в экспрессе можно вообще большую гибкость получить

Kseniya
24.12.2016
22:42:39
Ребят, а кто-нибудь работал с redux-form, есть какие-то пэкэджы, которые выполняют примерно такой же функционал, ну то есть слушают изменения полей формы. Редакс-форма пока очень плоха

Andrew
24.12.2016
22:46:55
я сам писал с нуля

https://github.com/iCoderXXI/react-redux-form-autosuggest/tree/master/src

но там рефакторить надо

упрощать редюсеры и выносить логику в экшен-креэйторы, плюс разукрупнять редьюсеры

Denis
25.12.2016
00:29:55
Оу как вам? http://codecept.io/

Vadim
25.12.2016
00:38:10
концепт прикольный, прям качественное развитие идей кукумбера

Denis
25.12.2016
00:51:58
Но с Jest он не нужен, ведь так? :)

Google
Vadim
25.12.2016
01:02:52
я больше по e2e тестам встреваю

Denis
25.12.2016
01:18:52
Что есть "e2e тест"?

n0z3r0
25.12.2016
03:41:42
Ну это когда производятся тесты с точки входа для пользователя и действия полностью затрагивают все части системы "как есть" без моков каких либо частей системы. Т.е. e2e это можно сказать приемочные тесты.

Kreizo
25.12.2016
08:09:17
как при маунте компонента redux-form зафокусить один из инпутов ?

все разобрался

const renderField = ({ input, label, type, autoFocus, meta: { touched, error } }) => (<div className='input-group' > <label htmlFor={input.name} >{label}</label> <input autoFocus={autoFocus} {...input} type={type} /> {touched && ((error && <span className='error' >{error}</span>))} </div>)

Admin
ERROR: S client not available

Andrey
25.12.2016
08:32:01
Оу как вам? http://codecept.io/
выглядит хорошо, надо будет заиспользовать

Alexander
25.12.2016
10:31:50
Всем привет! Ищем Frontend разработчика на удалёнку. Уверенное знание JavaScript(es6), ReactJs. Плюсом будет опыт/желание поработать с electron. За подробностями в ЛС к @zeroowl резюме и рекомендации на почту amazeowl@amazeowl.com

Vadim
25.12.2016
10:32:50
Ruslan
25.12.2016
10:47:41
что используешь?
Знаю про nightwatch и Hermione

Aleh
25.12.2016
11:49:35
Кукумбер нужен, чтобы его в том числе оунеры читали, а такие тесты никто читать не будет

Kate
25.12.2016
13:39:49
помогите мне ник придумать?

на рабочую почту и скайп

вот как пример https://github.com/krambertech

Dmitrii
25.12.2016
13:41:53
reactpapka

Google
v
25.12.2016
13:45:35
Kate
25.12.2016
13:45:58
где?

дай линку

v
25.12.2016
13:47:07
https://nickshaker.com/

Im the
25.12.2016
15:57:19
Философия - практическое применение.

Nikita
25.12.2016
17:01:20
вот как пример https://github.com/krambertech
Лол, никогда не понимал, как и зачем можно pure компоненты в функциональные трансформить

Mirjalol
25.12.2016
17:22:42
https://vk.com/wall-58854822_1261

Roman
25.12.2016
17:53:24
Здрасте, подскажите это маразм или можно лучше? <ModalContainer title="Password recovery" body={(() => {return <LoginRecoverForm someprophere='' />})()} />

Adel
25.12.2016
17:54:16
можно от return избавиться)))

а зачем так?

Vladimir
25.12.2016
17:54:36
Раз она всегда одно и тоже возвращает

Roman
25.12.2016
17:55:00
я поскольку новичок с реактом то без понятие как )

Vladimir
25.12.2016
17:55:16
Это не с реактом проблема

Roman
25.12.2016
17:55:22
хотя с js'om работал много раньше

да и {LoginRecoverForm} пытался вроде

вообще все было хуже - это тут помогли http://stackoverflow.com/questions/41322542/how-can-i-pass-component-object-to-container-in-react-js/41323112#41323112

Страница 770 из 5115