@react_js
Lupsick29.08.2016
16:16:32
16:16:32
ну короче lost посоны
Илья29.08.2016
16:17:03
16:17:03
что за lost? кинь ссылку?
Илья29.08.2016
16:19:06
16:19:06
спасибо
Google
Aleh29.08.2016
16:31:04
16:31:04
https://github.com/tj/frontend-boilerplate
вроде большой кусок списка покрывает
Paul29.08.2016
16:32:07
16:32:07
18. Что не поставь - все говно
Lupsick29.08.2016
16:34:38
16:34:38
+
Aleh29.08.2016
16:34:52
16:34:52
4. а mobx совсем не? Сам не юзал. А где rxjs?
5. на чем удобнее, много видел любителей tape, мне все еще ближе mocha. А в jest разве что-то есть из enzyme?
6. ок, только что именно тестируется. Между 5-6 пропали разного рода интеграционные тесты(React Component + Redux store + connect) в модульных же без этого
13. 2 не щупал, но все говорят, что ок
Gregory29.08.2016
16:35:49
16:35:49
4. а mobx совсем не? Сам не юзал. А где rxjs?
5. на чем удобнее, много видел любителей tape, мне все еще ближе mocha. А в jest разве что-то есть из enzyme?
6. ок, только что именно тестируется. Между 5-6 пропали разного рода интеграционные тесты(React Component + Redux store + connect) в модульных же без этого
13. 2 не щупал, но все говорят, что ок
MobX класный, сейчас использую. RxJS не думаю что очень повседневно юзать. Не все задачи красиво решает
Andrey29.08.2016
16:37:40
16:37:40
4. а mobx совсем не? Сам не юзал. А где rxjs?
5. на чем удобнее, много видел любителей tape, мне все еще ближе mocha. А в jest разве что-то есть из enzyme?
6. ок, только что именно тестируется. Между 5-6 пропали разного рода интеграционные тесты(React Component + Redux store + connect) в модульных же без этого
13. 2 не щупал, но все говорят, что ок
5. В jest можно поставить enzyme, и там новая крутая штука появилась с снапшотамиAleh29.08.2016
16:38:06
16:38:06
5. В jest можно поставить enzyme, и там новая крутая штука появилась с снапшотами
ну, просто тогда ava+enzyme vs jest+enzyme, а не ava+enzyme против jestfrom29.08.2016
16:39:59
16:39:59
Друзья, уже шесть часов вечера, последний понедельник лета. Давайте подведём итог и пофантазируем?
Сейчас формируем некий isomorphic React App бойлерплейт на следующие 12 месяцев. Пока видим такой набор:
1. React 15
2. На сервере - Node.js и Express.
3. CSS modules + isomorphic-style-loader для автоматической генерации critical CSS. Или всё-таки JSS?
4. Redux
5. Модульное тестирование через ava и enzy.me. Или всё-таки Jest?
6. UI тестирование через Nightwatch + Browserstack.
7. Переводы через react-intl и react-intl-translations-manager.
8. Автоматическое определение языка на сервере через пакет accept-language.
9. Автоматическое определение геопозиции через пакеты maxmind и ipaddr.js.
10. Изоморфный логгер на базе bunyan.
11. react-document-title для динамического переключения заголовка вкладки.
12. isomorphic-fetch для отправки HTTP-запросов (“AJAX”).
13. webpack 1.x для сборки. Или всё-таки 2.x?
14. webpack-dev-server и 'webpack/hot/dev-server для Hot Module Reload.
15. Long-term Caching статических ресурсов (например: /assets/logo-8cdab5da.png).
16. parallel-webpack для ускорения сборки JavaScript bundle для каждого языка перевода.
17. webpack DllPlugin для оптимизации размера JavaScript bundle.
18. react-router-redux в качестве роутера.
19. ESLint и eslint-config-airbnb с кастомизацией - no semicolons.
Какие пункты можно изменить/добавить? Что есть лучше?
берите костин universial router (https://github.com/kriasoft/universal-router)
я всех сподвигаю опробовать чтобы фидбек был )) сам игрался и впечатления положительные. Ничего лишнего кроме, собственно, матчинга раутов и поддержки асинхронности. Всё, что он не умеет делать отлично заменяется вручную и становится ясно, что и не надо было на раутер эту задачу скидыватьLupsick29.08.2016
16:40:47
16:40:47
react-router умеет и матчить и универсальный
и комьюнити вокруг него большое
Googlefrom29.08.2016
16:42:04
16:42:04
и "react"
from29.08.2016
16:42:31
16:42:31
Lupsick29.08.2016
16:42:52
16:42:52
не
from29.08.2016
16:42:57
16:42:57
не, реакт лучше бесспорно :)
Lupsick29.08.2016
16:43:01
16:43:01
у ангулара подход был говно
и он очень плохо работал
а реакт это класс с шестью методами
from29.08.2016
16:43:15
16:43:15
но захочу я vuejs использовать
мне react-router брать? :)
или че-нить там на морфдоме
Lupsick29.08.2016
16:43:45
16:43:45
ну перепишешь роутер, делов-то
лучше уж так чем щас ебаться с universal-router
from29.08.2016
16:44:26
16:44:26
Lupsick29.08.2016
16:44:36
16:44:36
ну роутер обычно в сторонке
Дмитрийfrom29.08.2016
16:44:40
16:44:40
и уже название "react-router-redux" даёт понять, что намертво..)
GoogleLupsick29.08.2016
16:45:16
16:45:16
короче я его пытался юзать в самом начале, мне не понравилось
может из-за корявого react-starter-kit
from29.08.2016
16:45:41
16:45:41
короче я его пытался юзать в самом начале, мне не понравилось
сейчас там норм апишка, устаканилась вродеLupsick29.08.2016
16:45:43
16:45:43
я сидел въезжал в код как он там матчит роуты фу
from29.08.2016
16:46:30
16:46:30
я сидел въезжал в код как он там матчит роуты фу
че там въезжать :)
import { resolve } from 'universal-router';
const routes = [
{ path: '/one', action: () => '<h1>Page One</h1>' },
{ path: '/two', action: () => '<h1>Page Two</h1>' }
];
resolve(routes, { path: '/one' }).then(result => {
document.body.innerHTML = result || <h1>Not Found</h1>;
// renders: <h1>Post #123</h1>
});
Konstantin29.08.2016
16:47:09
16:47:09
Вы сразу лучше подумайте как мультиязычность вкорячивать в роутер будете
Konstantin29.08.2016
16:47:40
16:47:40
или у вас en и ru будет на одном урле всегда?
Lupsick29.08.2016
16:47:43
16:47:43
но так history надо непосредственно в компонент подключать
а реакт же у нас за нисходящую модель
но вообще я тоже за меньшее количество реакт-зависимостей
from29.08.2016
16:49:16
16:49:16
или у вас en и ru будет на одном урле всегда?
why not )
впрочем сходу больших сложностей не вижу. Но не сталкивался с задачей, чтобы на разные урлы вешатьно так history надо непосредственно в компонент подключать
Ага. Ничем не отличается от того, чтобы к примеру библиотеку для ajax подключатьLupsick29.08.2016
16:54:15
16:54:15
Ага. Ничем не отличается от того, чтобы к примеру библиотеку для ajax подключать
а что делать со всякими onEnter onChange?
Sergey29.08.2016
16:54:15
16:54:15
Koa, better then express
Lupsick29.08.2016
16:54:42
16:54:42
коа просто хайп
GoogleAndrey29.08.2016
17:00:05
17:00:05
Коа будет норм, когда будут нативные асинк эвейт)
AdminERROR: S client not available
Sergey29.08.2016
17:03:04
17:03:04
да. он кул. Я запушил await'ы туда на Error pages. + там проблема с throw в теле action для дочерных роутов (любых дочерних). Он продолжает выполнять функцию... Я еще не смотрел, но пороюсь, там пару файлов и думаю исправить (если автор позволит) либо свой выложу :0
берите костин universial router (https://github.com/kriasoft/universal-router)
я всех сподвигаю опробовать чтобы фидбек был )) сам игрался и впечатления положительные. Ничего лишнего кроме, собственно, матчинга раутов и поддержки асинхронности. Всё, что он не умеет делать отлично заменяется вручную и становится ясно, что и не надо было на раутер эту задачу скидывать
Lupsick29.08.2016
17:03:13
17:03:13
по бенчмаркам которые я нашел одинаково практически по производительности
Sergey29.08.2016
17:03:34
17:03:34
да. аргумент. пиздец проблема. бабла меня харит уже
Коа будет норм, когда будут нативные асинк эвейт)
from29.08.2016
17:04:50
17:04:50
да. он кул. Я запушил await'ы туда на Error pages. + там проблема с throw в теле action для дочерных роутов (любых дочерних). Он продолжает выполнять функцию... Я еще не смотрел, но пороюсь, там пару файлов и думаю исправить (если автор позволит) либо свой выложу :0
сходу не скажу, но будто роутер ни при чём тутSergey29.08.2016
17:05:04
17:05:04
по бенчмаркам которые я нашел одинаково практически по производительности
Там удобный handle я б сказал чего либо :) + у них пул модулей + количество кода не большоесходу не скажу, но будто роутер ни при чём тут
throw по своей логике должен вверх по дереву прокидываться, а там через while () идет спуск. Может и я что-то не вхавал, но помню брал чисто example с getting-started. Добавлял throw'ы и они не прокидывались... Я чекну ближайшое времяcode4aman29.08.2016
17:08:28
17:08:28
> Сейчас формируем некий isomorphic React App бойлерплейт на следующие 12 месяцев.
надо каждые 3 месяца такое делать))
Юрий29.08.2016
17:23:07
17:23:07
посоветуйте хороший аудио плеер
Ҫѐҏӗѫӑ29.08.2016
17:29:41
17:29:41
асинк эвейты на 4 стейдже и уже в черновике спеки
GoogleҪѐҏӗѫӑ29.08.2016
17:30:06
17:30:06
но не понятно чем это поможе koa сильнее чем экспрессу)
хотя не, в черновик еще не влили
Igor29.08.2016
17:35:37
17:35:37
Ребят, оффтоп конечно. Какие есть подводные камни с фокусом импутов в реакт в safari? Элементы простейшей формы не ловят фокус.
Кто сталкивался с таким явлением и как решали?
from29.08.2016
17:37:32
17:37:32
ios или mac os?
Igor29.08.2016
17:37:52
17:37:52
iOS
Ярослав29.08.2016
17:38:58
17:38:58
Ребят, оффтоп конечно. Какие есть подводные камни с фокусом импутов в реакт в safari? Элементы простейшей формы не ловят фокус.
Что значит элементы простейшей формы? И что значит ловят фокус?
anoru29.08.2016
17:51:09
17:51:09
Почему народ боиться 2-ой вебпак? Бетка вроде адекватная, хотя не весь её новый функционал юзал
@DenisIzmaylov Отличный список, желаю успехов в создание бойлера ?
Denis29.08.2016
17:57:39
17:57:39
Да он уже есть на одном из проектов, просто смотрим, что заменить перед стартом следующего :)
Sergey29.08.2016
17:58:44
17:58:44
rollupjs.org - вот что хочется ждать...
anoru29.08.2016
17:59:07
17:59:07
Предложить глянуть mobx тут даже не рассматривается?) А то постоянно вижу, что "шаг назад", но стоит попробовать и понимаешь, что redux не нужен.
from29.08.2016
18:01:36
18:01:36
Предложить глянуть mobx тут даже не рассматривается?) А то постоянно вижу, что "шаг назад", но стоит попробовать и понимаешь, что redux не нужен.
https://youtu.be/nI0cQ-2YR1I?t=28801 вот ryan говорит, что redux — шаг назад )хотя то о чём он в конце говорит (композиция через функцию в качестве children) по-моему по сути то же самое, что flux component в flummox'е https://github.com/acdlite/flummox/blob/master/docs/docs/api/fluxcomponent.md
только без сохранения результата фетчинга в "общедопступном" месте
Ale29.08.2016
18:50:52
18:50:52
Привет!
/dev/m
Открыть в Telegram