Я хочу темы и оптимизации из StyleSheet. Не так много хочу )

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

Ты прям как веган

ахах ?

Не не, я мясо не ем, это вот кним вопрос

да да, фалафель смузи запиваю ?

Оказывается они используют StyleSheet - https://github.com/styled-components/styled-components/blob/0f5262ee1cea306f027e66973fc77b01e8df81de/src/models/InlineStyle.js#L47

Не подскажите в чем хранить данные локальные?

Чтоб к серверу не подключаться

asyncstorage?

asyncstorage?

после каждого запуска приложения, данные не обнуляются?

Нет, это типа БД

Спасибо

я храню в realm

realm - wrapper поверх asyncstorage?

https://realm.io/

Я хочу темы и оптимизации из StyleSheet. Не так много хочу )

JSS + PreJSS + https://github.com/nathanmarks/jss-theme-reactor :)

Сегодня как раз пару критичных обновление запушил ночью https://github.com/axept/prejss

Если что то особенное хочется, то просто дай знать :)

Сегодня как раз пару критичных обновление запушил ночью https://github.com/axept/prejss

А в чем суть/разница, если в двух словах? На примере css-modules/styled-components

Чёт не понятно, зачем это в нейтиве

1. CSS modules был написан как результат, когда Марк попытался затащить в проект JSS. Но команда сказала: стили в JS? чё за нах? В итоге был условно временный компромисс в виде модулей, где хоть какой-то контроль получается. На уровне классов правда. 2. Styled Components чисто маркетинговый проект. Ещё один шаг - почти JSS, но всё ещё в CSS нотации, тем более Literal Template String позволяют это сделать почти красиво. Почти - это значит как в PHP 16 лет назад. :) Мне не нравится подход, что помимо самих стилей, надо ещё и привязку к компонентам соблюдать: const Button = styled.button. Тут много проблем может быть с реиспользованием в том же RN. 3. JSS - это уже полноценный CSS-in-JS с хорошей оптимизацией. http://cssinjs.org/?v=v6.5.0 4. PreJSS - это адаптер CSS (через Literal Template Strings) в JSS. Причём любой CSS в любую CSS-in-JS библиотеку. По сути тот же API, что и в SC, но проще (нет завязки на компонент, оперируешь просто объектами).

Чёт не понятно, зачем это в нейтиве

+1

Вот чего в нейтиве не хватает, так это медиа квери

Они там не нужны

Нужны ещё как

1. CSS modules был написан как результат, когда Марк попытался затащить в проект JSS. Но команда сказала: стили в JS? чё за нах? В итоге был условно временный компромисс в виде модулей, где хоть какой-то контроль получается. На уровне классов правда. 2. Styled Components чисто маркетинговый проект. Ещё один шаг - почти JSS, но всё ещё в CSS нотации, тем более Literal Template String позволяют это сделать почти красиво. Почти - это значит как в PHP 16 лет назад. :) Мне не нравится подход, что помимо самих стилей, надо ещё и привязку к компонентам соблюдать: const Button = styled.button. Тут много проблем может быть с реиспользованием в том же RN. 3. JSS - это уже полноценный CSS-in-JS с хорошей оптимизацией. http://cssinjs.org/?v=v6.5.0 4. PreJSS - это адаптер CSS (через Literal Template Strings) в JSS. Причём любой CSS в любую CSS-in-JS библиотеку. По сути тот же API, что и в SC, но проще (нет завязки на компонент, оперируешь просто объектами).

То есть это нужно для legacy?

Хотя бы для поддержки разных ориентаций

Нужны ещё как

Dimensions?

Подписаться на изменения вроде нельзя?

Подписаться на изменения вроде нельзя?

Видимо только через onLayout, и держать зависящие от размера экрана стили в инлайне. Это, конечно, неудобно

То есть это нужно для legacy?

Для сокращение learning curve + миграция + кому так удобней)

Для сокращение learning curve + миграция + кому так удобней)

А точно не наоборот?

Конечно

Кто нибудь подскажет почему при включенном эмуляторе выдает такую ошибку? Could not install the app on the device, read the error above for details. Make sure you have an Android emulator running or a device connected and have

adb reverse... делал?

Нет

adb reverse... делал?

Так он вроде автоматически делается, с какой-то версии не помню

Так, ошибка пропала, после перезапуска

Коллеги, месяц уже как не могу решить следующую задачу. Пилю подобный генератор мелодий: http://play.mubert.com У меня задержка примерно 15 миллисекунд между генерацией нового музыкального пресета и старого, но это режет слух не только музыканту, но и рядовому слушателю. Можно ли решить эту задачу без Redux или Mobx и если да, то как? Исходник кода здесь: https://github.com/playra/raketa/blob/v1/app/main.js

Подскажите, как называется такой компонент?

Еще его называют Parallax view https://github.com/lelandrichardson/react-native-parallax-view

@javascript_jobs наверное лучше

Вызов dispatch мутирует стор

Ох-ох. dispatch прогоняет экшон через reducer (который чистый и возвращает НОВЫЙ стейт) и заменяет стейт, оповещая подписчиков, что новый стейт у нас. И newState !== oldState, это разные объекты (если состояние объект). Мутация была бы, если dispatch дергал Object.assign

Вопрос: нужно подставлять иконку в зависимости от пришедших props. Конкатенирую строку и пробую вставить в require Ругаетццо. eslint говорит: require() should use string literals А как создать литерал из составной строки?

If(...) icon = require("path") <Image src={icon} />

If(...) icon = require("path") <Image src={icon} />

жалко, хотел красивее решение)

Так написано в доке реак нэйтив))

То есть там говорится, что require(icon_path) - это плохо

То есть там говорится, что require(icon_path) - это плохо

оно не просто плохо, оно не работает )

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

что в целом логично

по сути обычно делают exports {icon1: require(...), icon2: require(...)}

тоесть полный список ассетов, и потом выдирают по ссылке

соответственно логика выбора конкретной картинки уже в самом приложении

если картинки крупные, то лучше хранить их в сторедже, чтобы не забивать оперативку

или докачивать с веба и хранить, опять же в сторедже

или по uri отдавать

тогда ничего не надо хранить )

ну а где он будет лежать

в оперативке же и места занимает не меньше, а часто на 10-20 процентов больше, чем картинка

плюс с тем как джс хранит длинные строки - строя индекс на каждую, и индекс индексов на каждые 255 символов

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

ам я думал они не хранятся если по апи отдавать ссылку просто

иконки всякие и темплейт штуки это ок, а крупные hd-res, могут быстро вызвать переполнение и выгрузку приложения

если каждый раз загружать с апи, то это тот же сторедж - только интернето-зависимый

обычно так и делают, но все равно какой то кеш придумывают

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

Ну допустим запустил

А что дальше

Почему пустой проект

я же запускаю не пустой проект

помогите плес

куда копать

запускаю пример с гитхаба

естественно там куча кода

почему пустой проект?

просыпаемся

Почему он открывает пустой проект хотя у меня уже есть куча файлов там считай готовое приложение

умоляю

я уже все перепробовал

Почему он открывает пустой проект хотя у меня уже есть куча файлов там считай готовое приложение

Вначале неправильно понял, проверьте index.ios.js и index.android.js

Вначале неправильно понял, проверьте index.ios.js и index.android.js

там все норм

ну то есть у всех запускается пример а у меня стандартный экран

Packager с этого проекта запущен?

Packager с этого проекта запущен?

да канешн

иначе бы красный экран смерти вылетал бы

ребят, с чем может быть связано то, что на андроид выкидывает из приложения при попытке получить доступ к камере через react-native-image-picker? Пермишны прописал..

еще вопрос, есть ли возможность изменить цвет активного свитча на андроиде?