И это все за 40 рабочих часов.

в день )

Все уже заценили? :) https://github.com/facebook/prepack

Странная штуковина

по мне так это ахуенная штука

Он охуенная как и всякая интересная игрушка

Вопрос только когда и как ее использовать, и какой профит будет

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

> @guattari профит - модно & заебись классика

"Computations that can be done at compile-time instead of run-time get eliminated" ?? я был уверен, что этим занимается компилятор ??

Занимается, но он делает это в меньше степени и не ahead of time

Идея то понятна

Вопрос соотношения профита и стоимости

не похуй сколько билд идет?

ну прибавит 200-500-1000 мс

Речь не об этом

Речь о том, что это еще один трансформ, который добавляет потенциально свою порцию геморроя к отладке и багов

А еще он явно увеличивает размер бандла

что за увеличивает?

Ого, крутая штука

он уменьшает

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

зато через год тебя будут считать лохом, если не подключил еще prepack

Засекаем время

а главное в джаваскрипт разработке собственно - это чтобы лохом не назвали

Оптимизирует скорость в ущерб в том числе размеру

а, ну такое да

Ого!!

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

Я джва года такое ждал

Хотел уже сам плагин для бабеля пилить

зато через год тебя будут считать лохом, если не подключил еще prepack

Предыдущая идея на миллион с оптимизацией скобками ещё жива?

Я джва года такое ждал

Выглядит впечетляюще, да

Предыдущая идея на миллион с оптимизацией скобками ещё жива?

с оптимизацией комментом даже жива еще наверное

"Computations that can be done at compile-time instead of run-time get eliminated" ?? я был уверен, что этим занимается компилятор ??

JIT скорее

Выглядит впечетляюще, да

Ну я серьезно, реально в самых критичных местах есть мотивация писать с нормальными человеческими .map, а в результате получать всё в развёрнутом виде, особенно если цикл на порядок покороче)

Попробовал разуплотнить либу для big integer

Побочный эффект — с этой штукой у меня получился платформо-зависимый js

var bpe=0; //bits stored per array element var mask=0; //AND this with an array element to chop it down to bpe bits var radix=mask+1; //equals 2^bpe. A single 1 bit to the left of the last bit of mask. //initialize the global variables for (bpe=0; (1<<(bpe+1)) > (1<<bpe); bpe++); //bpe=number of bits in the mantissa on this platform bpe>>=1; //bpe=number of bits in one element of the array representing the bigInt mask=(1<<bpe)-1; //AND the mask with an integer to get its bpe least significant bits radix=mask+1; //2^bpe. a single 1 bit to the left of the first bit of mask Соответственно, на этапе вычислений это всё чётко разворачивается)

еще плюс - обфускация кода?:)

Не, код наоборот понятный, только длинный, офк

Даже понятнее чем в цикле, прямо последовательно видишь что происходит с переменной

Короче вывод — через такую штуку можно прогонять только код проекта, а не бандл целиком, потому что неизвестно, у кого какие побочные эффекты в циклах в node_modules

я бы узкие места прогонял

на которых самый большой дроп

Реально узкие места это не спасет

Ну вот я прогнал)) Он мне развернул цикл в котором вычилсяется длина мантиссы для платформы ?

У .map большой оверхед

Ну вот я прогнал)) Он мне развернул цикл в котором вычилсяется длина мантиссы для платформы ?

Всмысле в зависимости от платформы? Ты хочешь сказать что на разных платформах будет разный результат?

имитатор индусского кода )

Всмысле в зависимости от платформы? Ты хочешь сказать что на разных платформах будет разный результат?

Не исключено

Я бы сказал, что это как раз исключено

https://twitter.com/bmeurer/status/859854279573729280

Упс

да понятно что это в прод ща нельзя

Да об этом речь вообще не идет

Вопрос, надо ли это в прод вообще

ну флоу некоторые тянут же

В прод? нет

кстати, а в этом году на реакт европ едет кто-то?

Минутка хаков: как в хроме из консоли менять состояния и свойства у компонентов? Т.е. взять уже отрендеренную страницу и в консоли менять их? Это можно сделать через раширение для хрома, наверняка можно так "напрямую"

ERROR: S client not available

react dev tools

Да, он установлен. Но если предположить что его нет, а есть чисто консоль хрома и отрендеренная страница. И сделать что-то типа document.getElementById('blabla').setState({...})

Предположим, ты в арктике, а из инструментов есть только штопор и хром без react dev tools... ?

Если тебе нужно изменять стейт из глобальных вызовов, то есть redux, например

Задача с другой стороны: есть отрендеренный сайт на рекате(client side rendering only), нужно его скраулить и вытащить необходимую информацию. Грубо, там есть две страницы: 1) Страница со списком айтемов 2) Страница каждого айтема На странице (1) появляется нужная мне информация при наведении на айтем(она есть также на странице айтема). Это появление реалиовано на js через установку определенного состояния. Вот я и хочу насильно установить это состояние и спарсить всю информацию с этой одной страницы. Иначе придется заходить на каждую страницу (2) и оттуда брать, это намного больше запросов получится

можно получить доступ через хук и страдать

Задача с другой стороны: есть отрендеренный сайт на рекате(client side rendering only), нужно его скраулить и вытащить необходимую информацию. Грубо, там есть две страницы: 1) Страница со списком айтемов 2) Страница каждого айтема На странице (1) появляется нужная мне информация при наведении на айтем(она есть также на странице айтема). Это появление реалиовано на js через установку определенного состояния. Вот я и хочу насильно установить это состояние и спарсить всю информацию с этой одной страницы. Иначе придется заходить на каждую страницу (2) и оттуда брать, это намного больше запросов получится

не проще записать network?;)

и напрямую у апи спрашивать

В robots.txt прописан запрет на url этих апи. Я пока хочу казаться честным роботом

ну запиши полный курс network'a

чтоб выглядело, что ты юзер

в чем проблема то

В принципе да, неплохой вариант и со стороны того сервера будет похоже на честный рендер

На тему prepack-а хотелось бы упомянуть плагин https://github.com/codemix/babel-plugin-macros Конечно поскромнее будет? , и да и не особо развивается Если объявить функцию с label-ом macro: , инлайнит ее тело в место вызова функции. Вполне подходит для развертки map/filter/... в обычные циклы, да и не только

На тему prepack-а хотелось бы упомянуть плагин https://github.com/codemix/babel-plugin-macros Конечно поскромнее будет? , и да и не особо развивается Если объявить функцию с label-ом macro: , инлайнит ее тело в место вызова функции. Вполне подходит для развертки map/filter/... в обычные циклы, да и не только

если не развивается, то зачем упоминать?

sup, я к вам за советом пришёл

есть ContextProvider

который по сути pubsub

как вы на него тесты бы написали?

если не развивается, то зачем упоминать?

Кто-то может захотеть его использовать в основных юзкейсах. Кто-то может захотеть продолжить его развитие на проблемных юзкейсах(как я в свое время)

ну хз

как вы на него тесты бы написали?

sinon? Либо я не понял вопроса

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

sinon? Либо я не понял вопроса

как протестить смену значения в контексте

и что оно новое значение пришло вниз по react subtree

Полагаю замокать sinon-ом у класса subtree-компонента метод componentWillReceiveProps(nextProps, nextContext) ?

это ок

я не понимаю как перерендерить subtree

и не трогать остальное

Честно говоря я еще только разбираюсь с react-ом, поэтому не настолько глубоко в теме. Насколько я понимаю все что внутри(как прямо, так и косвенно) провайдера - subtree Некоторые ветки в subtree подписаны на контекст - они перерендерятся. Их внутренности тоже(если конечно не PureComponent) На промежуточных компонентах от провайдера до подписанных subtree рендеринг не запускается Про какое "остальное" идет речь?

Про промежуточные будет верно, если провайдер возвращает shouldComponentUpdate()=false, во всех случаях, кроме смены this.props.children