Спокойной ночи

Короче я так скажу. Реакт - лучшее что случалось с фронтом. Всё так просто, всё так прекрасно, всё так стильненька и понятно!

лол

Короче я так скажу. Реакт - лучшее что случалось с фронтом. Всё так просто, всё так прекрасно, всё так стильненька и понятно!

+

Короче я так скажу. Реакт - лучшее что случалось с фронтом. Всё так просто, всё так прекрасно, всё так стильненька и понятно!

А чем Вам ангуляр 2 плох? )

А чем Вам ангуляр 2 плох? )

аг2 не так раскручен как реакт.

А чем Вам ангуляр 2 плох? )

С первого раза совсем не зашел. Там какой-то тайпскрипт, всё еще хуже чем в реакте, с которым разобрался примерно за день. А у ангуляра есть какие-то особенные плюсы?

На самом деле у меня есть более смелые идеи, но там точно годы вычислений ?

Есть ещё clickhouse если не боишься переписать все на SQL.

С первого раза совсем не зашел. Там какой-то тайпскрипт, всё еще хуже чем в реакте, с которым разобрался примерно за день. А у ангуляра есть какие-то особенные плюсы?

Тайпскрипт это особенный плюс

Есть ещё clickhouse если не боишься переписать все на SQL.

SQL не пугает

Тайпскрипт это особенный плюс

Если у тебя в отделе фронта больше 5 человек

SQL не пугает

Давольно таки шустрая бд на диске если результат обработки помещается в 1/2 оперативки

Если у тебя в отделе фронта больше 5 человек

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

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

Я видимо из тех кто ушёл от строгой типизации:)

Я видимо из тех кто ушёл от строгой типизации:)

https://www.destroyallsoftware.com/talks/wat

https://www.destroyallsoftware.com/talks/wat

Я не спорю в необходимости и о плюсах, просто на темной стороне есть печеньки:))

С первого раза совсем не зашел. Там какой-то тайпскрипт, всё еще хуже чем в реакте, с которым разобрался примерно за день. А у ангуляра есть какие-то особенные плюсы?

Он, как и реакт, интуитивно прост в изучении

И еще ionic 2 - как плюс. Если сравнивать react native с реактом и ионик с ангуляром - у второго различий меньше

Короче я так скажу. Реакт - лучшее что случалось с фронтом. Всё так просто, всё так прекрасно, всё так стильненька и понятно!

Посмотри vue

Тайпскрипт классная вещь Можно и флоу обойтись конечно Но когда фреймворк заточен под строгую типизацию, это оч даже не плохо

Мне лично Vue понравился. Ушёл с ангуляра. Много чего из коробки сразу дают

ребят, почему, не находит айдишник http://joxi.ru/brRpdaotv7lY21 хотя этот блок есть у меня _registerComponent(...): Target container is not a DOM element.

А мне все нравится

ребят, почему, не находит айдишник http://joxi.ru/brRpdaotv7lY21 хотя этот блок есть у меня _registerComponent(...): Target container is not a DOM element.

Html покажи

http://joxi.ru/1A5aR5kfjDXqAE

ребят, почему, не находит айдишник http://joxi.ru/brRpdaotv7lY21 хотя этот блок есть у меня _registerComponent(...): Target container is not a DOM element.

зачем спамишь в тонне чатиков?

http://joxi.ru/1A5aR5kfjDXqAE

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

там # в getElementById

А точно

Надо убрать Я чета невнимателен

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

По чему угодно вроде

Привет. У меня большая проблема с поиском утечек памяти. Есть страница в которое загружен System.js Он время от времени подгружает в себя бандлы на реакте и вставляет их внутрь реакт компонента. Потом мы убираем этот бандл и удаляем его в System.js и загружаем новый. Также мы удаляем теги <style> которые добавляются бандлами. Так вот. После каждого такого действия - используемая память возрастает. В профайлере куча всего - огромный список - и даже показывает где память увеличивается. Прикладываю скрин. Казалось бы lodash увеличивается каждый раз. Но мы стали чистить window._ перед загрузкой нового бандла. Но это не помогло. Не могу понять - куда надо рыть, чтобы это все понять. Что можно узнать глядя на профайлер :( ? Может у кого есть ссылки на качественные посты по теме получения инфы из профайлеров? Очень нужна помощь!

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

Тебе поможет качественный дебаг Пошаговый

Согласен - скрины не помогут (( А чем тут поможет дебаг ( Ошибок я не увижу. В какой момент теряется память наверное тоже. При дебаге же этого не увидишь или можно? На что обратить внимание ?

можно увидеть

вот эта панель тебе в помощь :)

вопросец по vue: есть ли способ указать vue за какими именно свойствами модели нужно следить? А то когда сложные развесистые объекты у модели, то vue идёт по всему дереву и развешивает get-set во все поля, даже туда, куда не хотелось бы по причине производительности

Согласен - скрины не помогут (( А чем тут поможет дебаг ( Ошибок я не увижу. В какой момент теряется память наверное тоже. При дебаге же этого не увидишь или можно? На что обратить внимание ?

https://developers.google.com/web/tools/chrome-devtools/memory-problems/ у тебя вот это, скорее всего "Discover detached DOM tree memory leaks with Heap Snapshots"

если суди по тому, что ты делаешь

вопросец по vue: есть ли способ указать vue за какими именно свойствами модели нужно следить? А то когда сложные развесистые объекты у модели, то vue идёт по всему дереву и развешивает get-set во все поля, даже туда, куда не хотелось бы по причине производительности

есть конфа по vuejs специальная

название можешь подсказать?

название можешь подсказать?

https://telegram.me/vuejs_ru

спасибо

https://telegram.me/vuejs_ru

/warn не надо ссылками! В правилах есть пункт об этом

Alex has been warned (1/5)

@vuejs_ru <— Так надо

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

Строгой или статической?

?

?????

Ребят, есть роут <Provider store={store}> <Router history={browserHistory}> <Route path='/' component={App}> <IndexRoute component={HomePage}/> <Route path='form' component={SpecificationFormPage}/> <Route path='news' component={NewsPage}/> <Route path='profile' component={StudentProfilePage}/> <Route path='user/:user' component={NewsPage}/> <Route path='*' component={NotFound}/> </Route> </Router> </Provider>, При переходе на страницу /user/1 (к примеру) через ссылку в коде, все замечательно рендерится, но если ее обновить или просто перейти, то компонент app перестает рендерится, к тому же, у всех файлов js, css (в source) содержимое заменяется на html код файла куда весь рендер и производится, ни у кого такой проблемы не возникало? Как ее можно исправить?

react, если что

Если билд залить на серв, то 404

Ребят, а react-toolbox в продакшне юзал кто-нибудь?

Интересны подводные камни, вот это всё, предстоит переписать целый ui toolkit с его использованием

Ребят, есть роут <Provider store={store}> <Router history={browserHistory}> <Route path='/' component={App}> <IndexRoute component={HomePage}/> <Route path='form' component={SpecificationFormPage}/> <Route path='news' component={NewsPage}/> <Route path='profile' component={StudentProfilePage}/> <Route path='user/:user' component={NewsPage}/> <Route path='*' component={NotFound}/> </Route> </Router> </Provider>, При переходе на страницу /user/1 (к примеру) через ссылку в коде, все замечательно рендерится, но если ее обновить или просто перейти, то компонент app перестает рендерится, к тому же, у всех файлов js, css (в source) содержимое заменяется на html код файла куда весь рендер и производится, ни у кого такой проблемы не возникало? Как ее можно исправить?

надо смотреть код компонента newspage

Он пустой: import React, {Component} from 'react'; class NewsPage extends Component { render() { return ( <div> <h1>Страница НОВОСТЕЙ</h1> </div> ) } } export default NewsPage;

Такая штука возникает при всех вложенных роутах

а у тя точно серв ссылается на index.html?

ERROR: S client not available

Всм? На локалке все норм работает, все нормально рендерится в index.html, проблема возникает, когда хочешь перезагрузить странцу с вложенным путем или просто перейти на него. Перейти, чтобы все заработало можно только с помощью link to=...

Использую https://facebook.github.io/react/blog/2016/07/22/create-apps-with-no-configuration.html

тогда странно а в консоли нет ошибок? и ничего не рендерится?

серв на все запросы должен отдавать index.html, проверь путь запроса на бандл, он не должен быть относительный

эт я и пытаюсь сказать

у тя ошибки в консоли

чет ты гдет накосячил с тегами вроде как

app все же рендерится, сори) Да, во всех файлах почему-то код index.html, на это и ругается, если все файлы подключенные к html удалить, ошибок никаких не будет

Но и стилей тоже

Со всем остальным

мне над код смареть так я тебе не подскажу

<div id="root"></div> <script src="./js/jquery-3.1.1.min.js"></script> <script src="./js/script.js"></script> <script type="text/javascript" src="/static/js/bundle.js"></script></body> </html>

я имел ввиду вообще весь)

Блин, скинуть, к сожалению, не могу(

Я понял

тогда я не знаю так мы можем долго ковыряться)

и про теги - я jsx имел ввиду

он пишет, что не понимает, что за символ <

в js коде

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

Ладно, спасибо) Буду ковыряться... Он ругается на <, потому что в этом файле почему-то не js, а html) <!doctype html> <html lang="ru"> <head> <meta charset="UTF-8">

:D

Он всем файлам содержимое меняет на содержимое index. html

Кроме bundle.js

народ, есть <input name="simple_profile[closed_subjects][]"> как его взять с помощью jquery?

$('input[name...

Лол, и правда проблема была с путями, только не с бандлом, а с остальными файлами, у них был относительный путь... Вот отсюда все и пошло... =\ Спасиб за наводку)

А нужно ли тебе вообще его брать?

да

да

Ну тогда $('[name="blablabla"]')