Хехе) пока тут ещё минутка утреннего флуда у центральной России, приглашаю всех желающих на вебинар по юнит-тестированию. Завтра вечером. Регистрация тут https://zoom.us/meeting/register/27541db12d83b6a87c24e00bf0acd2b8 , бесплатно ) без смс.

@drugoi https://github.com/jquense/yup#stringmatchesregex-regex-message-string-schema

Мне кажется не то

Просто проверить на количество и только цифры недостаточно.

.max(from, to).require() ?

не ?

Посоветуйте пожалуйста свежий материал по react-redux-router

у него дока свежая бро ))

Посоветуйте пожалуйста свежий материал по react-redux-router

тут главное понять, что его смысл лишь в том, чтобы можно было dispatch’ить пуш/реплейс и все

так что, там вроде и материал писать не о чем. React-router для начала разобрать, и возможно, react-redux-router, вообще, не пригодится

тут главное понять, что его смысл лишь в том, чтобы можно было dispatch’ить пуш/реплейс и все

Я чайник. Только изучаю.

Я чайник. Только изучаю.

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

С этими роутами разобраться не могу

Формики?

Формики?

да не обращай внимания, я просто для примера. имею ввиду: еще_одна_библиотека сначала выучи три кита: реакт/редакс/роутер

Хорошо. Спасибо:)

Попробую заново

да не обращай внимания, я просто для примера. имею ввиду: еще_одна_библиотека сначала выучи три кита: реакт/редакс/роутер

Спасибо

.max(from, to).require() ?

Там есть проверка на контрольную сумму, в юпе её по идее можно в трансформ запихнуть или в другой метод, но я не уверен где правильнее делать.

когда я работал версталой, меня бесили только дизайнеры иногда, теперь когда я делаю spa меня бесят еще и бекендеры и на много чаще чем дизайнеры раньше. Это нормальное явление ?

когда я работал версталой, меня бесили только дизайнеры иногда, теперь когда я делаю spa меня бесят еще и бекендеры и на много чаще чем дизайнеры раньше. Это нормальное явление ?

не-а. Бесится не продуктивно. Если слабый верстало/бэкэнд и тебе с ним все равно работать, старайся найти подход. Подучить может, отправить на курсы его) или посмотреть: а может - это я сам не очень классный?

когда я работал версталой, меня бесили только дизайнеры иногда, теперь когда я делаю spa меня бесят еще и бекендеры и на много чаще чем дизайнеры раньше. Это нормальное явление ?

Да

Явление то нормальное

Кто нибудь пробовал интегрировать ReactJs в AngularJs 1.6 (тот что с компонентами)?

Кто нибудь пробовал интегрировать ReactJs в AngularJs 1.6 (тот что с компонентами)?

тревога! Это зачем?

не-а. Бесится не продуктивно. Если слабый верстало/бэкэнд и тебе с ним все равно работать, старайся найти подход. Подучить может, отправить на курсы его) или посмотреть: а может - это я сам не очень классный?

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

тревога! Это зачем?

Это серьезный вопрос?

Это серьезный вопрос?

если ваш серьезный - то и мой тоже

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

берешь постман/инсомнию, свой ноут, идешь и показываешь ему (или еще curl любят они) проблему.

Это серьезный вопрос?

однако, сразу отвечу - я не пробовал, мне любопытно стало.

берешь постман/инсомнию, свой ноут, идешь и показываешь ему (или еще curl любят они) проблему.

да наверное скрин с curl норм тема будет, другой вариант что делать что он и от этого отбрехается )))

да наверное скрин с curl норм тема будет, другой вариант что делать что он и от этого отбрехается )))

показывать руководству

да наверное скрин с curl норм тема будет, другой вариант что делать что он и от этого отбрехается )))

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

да наверное скрин с curl норм тема будет, другой вариант что делать что он и от этого отбрехается )))

Начальник бэкендера — тоже норм тема

если ваш серьезный - то и мой тоже

ОК. - В фирме на новых проектах используется реакт, что дает возможность использывать новые компоненты, и соответственно экономить время на разработке.

ОК. - В фирме на новых проектах используется реакт, что дает возможность использывать новые компоненты, и соответственно экономить время на разработке.

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

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

+++++++++++

Что такое "Server side rendering" и зачем его использовать?

Что такое "Server side rendering" и зачем его использовать?

Это когда сервер готовую верстку отдает

Нужно для сео и для UX

Чтобы тебе с сервера приходил не пустой html c бандлом, а уже отрисованную реактом верстку

Что такое "Server side rendering" и зачем его использовать?

чаще всего выбирают ssr для СЕО (могу ошибаться)

Что такое "Server side rendering" и зачем его использовать?

SEO и СКОРОСТЪ

Что такое "Server side rendering" и зачем его использовать?

seo, non-js фрики, генерация DOM на плечах сервера, а не клиента

Оно при правильном подходе позволяет сделать так, чтобы твой сайт на реакте работал если JS вообще выключен А JS всегда выключен, пока он не загрузился, а он грузится после разметки, так что это помогает быстрее доставить контент юзеру

Еще и минимальный функционал будет работать без жс

Еще и минимальный функционал будет работать без жс

Я когда свой сайт писал, поставил себе задачу чтобы ~95% функционала работало без JS Если на сайте нет огромной кучи слайдеров/дропдаунов/етс. можно многого добиться

seo, non-js фрики, генерация DOM на плечах сервера, а не клиента

А это не создаст доп. нагрузку на сам сервер? Если он каждому будет генерить DOM?

Но всякие "приложение-ориентированные" проекты (типа инстаграма) спокойно работают без ssr, просто юзают JSON-LD вроде бы.

Я когда свой сайт писал, поставил себе задачу чтобы ~95% функционала работало без JS Если на сайте нет огромной кучи слайдеров/дропдаунов/етс. можно многого добиться

Да формы и ссылки, всего то

Я когда свой сайт писал, поставил себе задачу чтобы ~95% функционала работало без JS Если на сайте нет огромной кучи слайдеров/дропдаунов/етс. можно многого добиться

95% без JS - просто для тренировки хотели такое или зачем?

95% без JS - просто для тренировки хотели такое или зачем?

Ну в принципе да Я сайт писал как "tech showcase", это была одна из задачек, которые я хотел решить

Ну в принципе да Я сайт писал как "tech showcase", это была одна из задачек, которые я хотел решить

?

А это не создаст доп. нагрузку на сам сервер? Если он каждому будет генерить DOM?

Как и любая доп. задача, создаст. Но довольно часто это оправданно. По крайней мере такого мнения обычно сообщество. В любом случае, есть статьи с описанием за/против.

Как и любая доп. задача, создаст. Но довольно часто это оправданно. По крайней мере такого мнения обычно сообщество. В любом случае, есть статьи с описанием за/против.

в итоге коммьюнити переехало на next.js или все же многие пишут сами? (есть что по этому поводу)

страница виснет

в итоге коммьюнити переехало на next.js или все же многие пишут сами? (есть что по этому поводу)

Next.js форевер

оффтоп: чтобы там ни было, в componentWillMount ничего делать не нужно

Server-side pros: Search engines can crawl the site for better SEO. The initial page load is faster. Great for static sites. Server-side cons: Frequent server requests. An overall slow page rendering. Full page reloads. Non-rich site interactions. Client-side pros: Rich site interactions Fast website rendering after the initial load. Great for web applications. Robust selection of JavaScript libraries. Client-side cons: Low SEO if not implemented correctly. Initial load might require more time. In most cases, requires an external library. Выдержка первой статьи в гугле.

страница виснет

в профайлере мозиллы пишет "Событие DOM" invokeGuardedCallback

Многие пишут сами, но Нехт позволяет вообще об этом не думать. Для нового проекта имхо лучше брать Нехт. Для существующего большого - писать самому

запрос надо делать в ComponentDidMount

и на скрине ничего не видно

и на скрине ничего не видно

а увеличить?) хехе) на деле, конечно, никто эту портянку читать не будет в 95% случаев, имхо

сделай пример на codesandbox

ERROR: S client not available

перевёл в componentDidMount... так же мрёт

Error: Script terminated by timeout at:

Что такое "Server side rendering" и зачем его использовать?

То что делает php

А это не создаст доп. нагрузку на сам сервер? Если он каждому будет генерить DOM?

Часто вёрстку можно кэшировать

Слушайте, а почему SSR, если SSS (server side structuring)? Там же рендера нет никакого ?

Слушайте, а почему SSR, если SSS (server side structuring)? Там же рендера нет никакого ?

SSH (server side hypertext) :-)

hypertexеtering

O_o

в итоге коммьюнити переехало на next.js или все же многие пишут сами? (есть что по этому поводу)

кому лень писать юзают next.js (кстати есть чатик теперь @nextjs_ru). Те кому не лень, пишут ручками и умирают

кому лень писать юзают next.js (кстати есть чатик теперь @nextjs_ru). Те кому не лень, пишут ручками и умирают

Или puppetier :crazy:

Или puppetier :crazy:

втф) пупитр тут каким боком?) я думал он только тесты :D

Или puppetier :crazy:

не решает те вопросы

втф) пупитр тут каким боком?) я думал он только тесты :D

Эм, ну ты чего. Это же самый простой способ SSR сделать

Эм, ну ты чего. Это же самый простой способ SSR сделать

не в курсе, если честно)

не решает те вопросы

Решает любые вопросы, просто нагрузки сильно больше

в итоге коммьюнити переехало на next.js или все же многие пишут сами? (есть что по этому поводу)

Зависит от потребностей

не в курсе, если честно)

https://developers.google.com/web/tools/puppeteer/articles/ssr

Server-side pros: Search engines can crawl the site for better SEO. The initial page load is faster. Great for static sites. Server-side cons: Frequent server requests. An overall slow page rendering. Full page reloads. Non-rich site interactions. Client-side pros: Rich site interactions Fast website rendering after the initial load. Great for web applications. Robust selection of JavaScript libraries. Client-side cons: Low SEO if not implemented correctly. Initial load might require more time. In most cases, requires an external library. Выдержка первой статьи в гугле.

Это не относится к реакту

https://developers.google.com/web/tools/puppeteer/articles/ssr

?

Server-side pros: Search engines can crawl the site for better SEO. The initial page load is faster. Great for static sites. Server-side cons: Frequent server requests. An overall slow page rendering. Full page reloads. Non-rich site interactions. Client-side pros: Rich site interactions Fast website rendering after the initial load. Great for web applications. Robust selection of JavaScript libraries. Client-side cons: Low SEO if not implemented correctly. Initial load might require more time. In most cases, requires an external library. Выдержка первой статьи в гугле.

С реактом не будет full page reload

Решает любые вопросы, просто нагрузки сильно больше

Зато асинхронно и тредами управляет event loop

кому лень писать юзают next.js (кстати есть чатик теперь @nextjs_ru). Те кому не лень, пишут ручками и умирают

Не умер еще лол

Не умер еще лол

горец

горец

Как в нексте сделать 2 бандла под разные браузеры?

Вот была задачка сделать скрин экрана страницы пользователя. А там внутри SVG с масками и "стандартными" либами не выходило это сделать (на клиенте). Ну я просто отправлял весь редаксовский стейт на сервак, там в пупетиер загружал еще копию сайта с предустановленым initialState от пользователя, делал скрин - и все ок. Суммарно кода вышло строк 100 (на клиенте и на сервере)

Как в нексте сделать 2 бандла под разные браузеры?

кастомить next.config.js)

Ок, а как организовать SSR если сервер на laravel? Гугл кидает на какие-то мутные библиотеки с десятком звёзд на гитхабе

Ок, а как организовать SSR если сервер на laravel? Гугл кидает на какие-то мутные библиотеки с десятком звёзд на гитхабе

У тебя реакт?

Ок, а как организовать SSR если сервер на laravel? Гугл кидает на какие-то мутные библиотеки с десятком звёзд на гитхабе

Переходить на nodejs))))

На php у тебя только АПИ и раздача статики?

В общем перекинуть раздачу статики на ноду

У тебя реакт?

Да