ну короче если есть возможность не дергать стор то лучше не дергать :)

CDM? это что

componentDidMount

аа)

но я тут не помощник — я адово против анимаций в 99% случаев

вообще по идеи анимация должна быть через CSSTransition или как оно там называется реактовская штука для отслеживания удаления элементов и анимации. но по моему даже с ним будет спад произвоидтельности потому хз что там накручено еще внутри

а почему против анимаций?

часто они вызывают геморой) но за-то в некоторых моментах выполняют важную функцию в UX

потому что в 99% случаев они дают геморой и ухудшают UX

?

часто они вызывают геморой) но за-то в некоторых моментах выполняют важную функцию в UX

Они часто сбивают с толку

вот допустим последний iOS 12

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

т.е элементы заблокированы

хм, ну да, первый раз анимация производит впечатление а в последнующем раздражает

ну тут опять же смотря для кого у тебя интерфейс

тетки в РЖД сидят билеты под досом херачат

если воткнешь туда анимации — будет жопа

но вот если втыкать умно не блокируя поток работы пользователя то это очень хорошо

и это 1% случаев :)

хм, ну да, первый раз анимация производит впечатление а в последнующем раздражает

На густо анимированных сайтах у меня всегда возникает дизориентация.

потому что в 99% случаев они дают геморой и ухудшают UX

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

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

Менеджеры хотят анисашки

А не пользователи Обычно )

это одно и тоже

менеджеры часть пользователей

ох как ты глубоко заблуждаешься

хотя ладно, офтоп пошел

хотя ладно, офтоп пошел

?

а как можно бенчмарком ловить проблемы со скоростью обновления?

т.е. допустим у меня 1к элементов на странице можно как-то отследить время рендеринга их?

Добрый день. Подскажите, 1 Нужна хлебные крошки (Breadcrumbs) 2 Есть React Router Config https://github.com/ReactTraining/react-router/tree/master/packages/react-router-config Как лучше сделать хлебные крошки?

а как можно бенчмарком ловить проблемы со скоростью обновления?

https://developer.mozilla.org/ru/docs/Web/API/Performance/now

т.е. допустим у меня 1к элементов на странице можно как-то отследить время рендеринга их?

https://www.youtube.com/watch?v=LToHQwOx4SM&t=751s

Вот тут много всего интересного

Статьи,видимо, нет, сори ?‍♂️

окей, глыну

Всем привет! Есть задача сделать для проекта серверный рендеринг Firebase Код взял с этого репозитория https://github.com/davideast/react-ssr-firebase-hosting Вот видео к нему https://www.youtube.com/watch?v=82tZAPMHfT4&t=580s После команды npm run webpack постоянно валит ошибку,когда доходит до HTML разметки Подкажите, в чем можетбыть поблема?Может кто имел с этим дело

Забыл пресет react в babelrc наверное

{ "presets":[ "es2015", "react" ] }

есть

{ "presets":[ "es2015", "react" ] }

env жи

env жи

не понял, можешь подробнее

не понял, можешь подробнее

"presets": [ ["env", { "targets": { "browsers": ["last 2 versions", "safari >= 8"] } }], "react", "stage-2" ],

Спасибо, буду искать проблему дальше Вываливает то же самое Просто впервые идею дело с SSR Firebase , поэтому много чего не догоняю ? Если есть какие-то примеры реализации. можете пожалуйста накидать

а webpack как хандлит .js файлы? Можешь объявление лоадеров кинуть?

const HtmlWebpackPlugin = require('html-webpack-plugin'); const path = require('path'); module.exports = [{ entry: './src/index.js', module: { loaders: [ { test: /\.js$/, loader: 'babel-loader', exclude: /node_modules/ }, { test: /\.jsx$/, loader: 'babel-loader', exclude: /node_modules/ } ] }, output: { filename: 'public/bundle.js', path: __dirname } }];

всё брал отсюдаhttps://github.com/davideast/react-ssr-firebase-hosting

попробуй написать: { test: /\.js$/, use: { loader: 'babel-loader', options: { presets: ['@babel/preset-env'] } }, exclude: /node_modules/ }

Может лоадер по какой-то причине не подтягивает .babelrc

Только presets свои поставь

Я чёт забыл поменять

теперь по next.js чатик есть ? https://t.me/nextjs_ru

?

Я сначала пробовал сделать по этой статье https://medium.com/@antonybudianto/server-side-rendering-with-react-and-firebase-functions-cd67fdb2b605 Тока валило ошибку window is not defined А в issue автор как будто просто на "отвали ответил" , ничего особо не понятно

А обещали в начале января релиз ??

Обидно :с Спасибо за инфу

Ребят,может кто нибудь обьяснить за модульность?Прочитал эту статью https://habr.com/post/326484/ ,и остался вопрос на тему того,как тогда поступать с экшенами которые импортируют хелперы?Запросы к API,и прочие.Тогда это уже выходит не модульность,и модуль напрямую зависит от хелперов

4 июля будет запись-то?

ребятки, а все юзают react-navigation? есть ли какие-нибудь нативные варианты?

ой не туда

ERROR: S client not available

ребятки, а все юзают react-navigation? есть ли какие-нибудь нативные варианты?

есть)

ой не туда

А куда ?

ребятки, а все юзают react-navigation? есть ли какие-нибудь нативные варианты?

https://github.com/wix/react-native-navigation

как можно решить такую ошибку от eslint?

const {params} = this.context

ну будет ошибка потому что посмотри на 67 строку

Тернарник напиши вместо if

const {params} = paramsFromContext ? this.context : this.props

а так можно? Воу

хорошая мысль

но все же если бы тернарик не подходил в данном случае. как еще можно выкрутиться?)

eslint-disable-next-line ?

просто другую переменную задать?

тупизм же добавлять переменную)

думаю лучше всего disable-eslint реально)

как можно решить такую ошибку от eslint?

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

https://medium.freecodecamp.org/introducing-the-single-element-pattern-dfbd2c295c5d интересная статья @sergeysova thx

Кто-нибудь на ReasonReact пишет?

ну, не в прод ))

Кто-нибудь на ReasonReact пишет?

Пишет немношк, тоже не в прод

И как?

Чего не в прод?

На Дарте же в прод пишут :tholl_face:

Чего не в прод?

Рано пока ) коллеги не поймут ничего, и я жду когда они что то сделают с асинхронным кодом, обещают давно

Кто шарит во Flow, подскажите, почему вот этот код: const anyConst: Array<'A' | 'B' | 'C'> = [ 'A', 'B' ]; function someFunc(arg: Array<string | number>): boolean { return typeof arg[ 0 ] === 'string'; } someFunc(anyConst); выдаёт 2 ошибки: Cannot call someFunc with anyConst bound to arg because: • string enum [1] is incompatible with string [2] in array element. • string enum [1] is incompatible with number [3] in array element.

‘C’ в anyConst нету?

нету

Добавь