import './css/index.css'; import Player from './js/Player';

А как скрипты подключить?

А как скрипты подключить?

Вторая строчка и делает то, что тебе нужно

Ребят помогите ,проверяют объект category: PropTypes.array ,в консоли пишется что он object,ставлю PropTypes.object, в консоли пишется что он array,какой-то объект Шредингера

Думал что его в редюсере меняю ,когда данные приходят ,но в initialState пробовал делать его и объектом и массивом

Ребят помогите ,проверяют объект category: PropTypes.array ,в консоли пишется что он object,ставлю PropTypes.object, в консоли пишется что он array,какой-то объект Шредингера

в js массив это объект

в js массив это объект

Ну да ,но раньше propTypes различал их

и различает

и различает

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

проверь Array.isArray на своем объекте

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

проверь Array.isArray на своем объекте

Все нашел ошибку ,спасибо

проверь Array.isArray на своем объекте

Нечайно не сохранил файл ,и думал что не работает :С ,тупость 90 уровня

ребята, как цеплять img в реакте?

import logo from '../../images/logo.png' <img src="{logo}" alt=""/>

не работает в коде так и выглядит

хотя в папке билда появляется logo.af7f034a.png

хотя в папке билда появляется logo.af7f034a.png

Ковычки не нужны

хотя в папке билда появляется logo.af7f034a.png

src={logo}

работает

хеш в названии как то вырубить можно?

просто logo.png?

а зачем?

хеш в названии как то вырубить можно?

Не надо

https://www.npmjs.com/package/url-loader вот тут все настройки

спс

Не надо

Уверен, что пересечения имён не будет?

Уверен, что пересечения имён не будет?

Ну я про это и говорю

Но не стоит. То, что собранно - это считай скомпилиронный байткод, только не байткод) Поэтому ты предположительно вообще не должен знать, что там в папке билда, главное что работает

А, не тому ответил, сорян.

Вторая строчка и делает то, что тебе нужно

Обычный до реакта написанный скрипт не получется подключить. Ошибку выводит

export добавь в том, что написал

Обычный до реакта написанный скрипт не получется подключить. Ошибку выводит

так подключай по-нормальному

Обычный до реакта написанный скрипт не получется подключить. Ошибку выводит

Прочитай ошибку и исправь её. Там обычно пишется нормальный текст.

там дохрена скриптов

в хтмл-файле через <script />

каждый прописать как то не очень

в скриптах много функций и переменных. Каждую строку придется в export совать

export default { func: function() {}, func2: () => {} } ?

а раньше ты типа все в window экспортил?

это в любом случае стоит переписать, реакт это или нет

setState асинхронно выполняется?

+

setState асинхронно выполняется?

Да, там есть колбек, если что

да, спасибо)

Рыбята, есть вопрос. http://mysolaris.xyz/task-app/ (предупреждаю, делаю для мобильных и планшетов) Начал изучать Реакт. Параллельно с изучением набросал за два дня такую фиговину. Появился вопрос: как лучше передавать данные: через AJAX с JSON'а или массивом внутри?

axios?

+json

Можно и его. Мне просто поэмулировать API

немного не ясен вопрос мне

Рыбята, есть вопрос. http://mysolaris.xyz/task-app/ (предупреждаю, делаю для мобильных и планшетов) Начал изучать Реакт. Параллельно с изучением набросал за два дня такую фиговину. Появился вопрос: как лучше передавать данные: через AJAX с JSON'а или массивом внутри?

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

создай просто json файл с данными и все

<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

создай просто json файл с данными и все

Ок, спасибо

а я сразу на серваке создаю фикстуры и пишу апи ) изучая реакт

<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

+ Не все знают что скрывается за css pixel

Вот и занимаются хуйней

+ Не все знают что скрывается за css pixel

расскажи

или дай что почитать

я походу тоже незнаю

ERROR: S client not available

Проще говоря неважно какой у тебя экран плотность пикселей и бла бла

16 пк будет удобно читаться на любых девайсах

Будь то ретина

https://pepelsbey.net/pres/clear-and-sharp/#cover вспомнился старый доклад с #404

человек из оперы

Или старый андроид 320 на 400

Привет. Подскажите плиз. У реакта есть возможность при сборке (в зависимости от энвайромента) исключать компоненты и роуты из билда?

Это сборщик должен делать, а не реакт

Это сборщик должен делать, а не реакт

Да - это понятно. Так есть возможность или нет?

Да - это понятно. Так есть возможность или нет?

Зависит от того, чем собирается проект

Не очень понятно, что значит "исключать компоненты". Как код будет работать, если его нет

Зависит от того, чем собирается проект

Вопрос на вопрос - это конечно круто ). Вопрос то в том, есть ли такие средства. Чтобы в ту сторону копать.

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

Не очень понятно, что значит "исключать компоненты". Как код будет работать, если его нет

Если правильно и модульно писать, то все будет работать. И при сборке часть интерфеса можно отрубать.

Ну вот у тебя есть import Button ... export const App = () => { if (somePredicate) { return <Button />; } else { return <span>hello</span>; } } Полагаю, ты хочешь типа выпилить Button, как бы горантируя, что somePredicate всегда False?

Ну вот у тебя есть import Button ... export const App = () => { if (somePredicate) { return <Button />; } else { return <span>hello</span>; } } Полагаю, ты хочешь типа выпилить Button, как бы горантируя, что somePredicate всегда False?

Ну в общих чертах да.

Ну вот у тебя есть import Button ... export const App = () => { if (somePredicate) { return <Button />; } else { return <span>hello</span>; } } Полагаю, ты хочешь типа выпилить Button, как бы горантируя, что somePredicate всегда False?

Ну или на уровне импорта как нить разрулить, если есть такая возможность

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

import("./Button") вернет промис на кнопку, а чанк с кнопкой отделить от основного бандла можно

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

ладно ок, фэнкс

парни, а как с роутера сделать, что если юзер заходит на страницу, которой не существет, то его бы перекидывало на главную?

3 версия, если что

Последним роутом матчишь все и указываешь компонент

а поподробнее?)

<Route path="*" component={Home} />

о, класс,спасибо)

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