Kurzdor
Ох блин
да, так много людей так плачут изза этого и поэтому он столько весит а альтернативы либо это писать свой велосипед на заготовке ( дауншифт) или хз чо, но они еще больше в размере
Kurzdor
Kurzdor
Как только выкатили 2 версию я охренел, давайте в каждый компонент пихать по своей реализации css in js
это мб и норм решение, если у вас одиноковый выбор библиотеки (имею ввиду у тебя в проекте емоушн - берешь реакт селект и не паришся) а так поебатся надо с сссром
Kurzdor
ибо 2 css-in-js сервер-рендера
Артур
в app.js убери строку рендера
убрал, пока все также, были компоненты в стандартном файле, работали, решил вставить элемент с докунтации и ошибки
Kurzdor
а в app.js убери
Dmitriy
index.js строка 4 и 7 element замени на Element
Тимофей 🛴
вот тут ты прав)
Даже обсуждение нашел https://t.me/react_js/500858
artalar
reakit
Dmitry
Return поставь
Dmitry
Перед h1
Артур
да уже поставил и нужно что бы див обержка была, вспомнил. но это я создал компонент, а в примере был элемент
Igor
Наконец услышал его русский
https://mobile.twitter.com/dan_abramov/status/883050199966507008
Артур
const Element = <h1>Hello, world<h1> const Component = () => <h1>Hello, world<h1>
спасибо, пока не понял почему в первом случаи не работало, буду читать
Oleksandr
Ты об том, почему этот компонент не работает?
Артур
Ты об том, почему этот компонент не работает?
компонент работает, а вот элемент нет
Oleksandr
У тебя там не элемент, а функция
Артур
У тебя там не элемент, а функция
const Element = () => { return ( <div> <h1>Hello, world</h1>; </div> ) } это функция?
Oleksandr
Это компонент
Maksim
Это компонент
ну и функция тоже, тут не поспоришь
Dmitriy
компонент работает, а вот элемент нет
Для компонента ReactDOM.render(<Element /> ... Для елемента ReactDOM.render(element ...
Oleksandr
ну и функция тоже, тут не поспоришь
Я думаю, что в контексте React это не коректно
Артур
Для компонента ReactDOM.render(<Element /> ... Для елемента ReactDOM.render(element ...
т.е. дело в том с большой буквы или с маленькой?
Oleksandr
Обрамление и заглавная буква
Dmitriy
спасибо, пока не понял почему в первом случаи не работало, буду читать
Посмотри сюда. Можешь попробовать разные варианты jsx разметки и поймешь что она значит на самом деле https://babeljs.io/repl/#?babili=false&browsers=&build=&builtIns=false&spec=false&loose=false&code_lz=DwUQNgpgthB2AuACA9APiA&debug=false&forceAllTransforms=false&shippedProposals=false&circleciRepo=&evaluate=false&fileSize=false&timeTravel=false&sourceType=module&lineWrap=true&presets=es2015%2Creact&prettier=false&targets=&version=7.7.1&externalPlugins=
Dmitriy
т.е. дело в том с большой буквы или с маленькой?
Дело в функции createElement, которя скрывается за jsx
Oleksandr
Элемент - это кусок jsx, компонент возвращает элемент
Oleksandr
*реакт элемент
Павел 💻
Всем привет! Подскажите пожалуйста, как мне достать token , если c api он приходит в header (использую axios)
Павел 💻
запрос не тот писал) Спасибо
Андрей
запрос не тот писал) Спасибо
Реакт не отвечает за логику. Это исключительно шаблонизатор. Эта простая мысль очень упрощает жизнь.
Павел 💻
Понял) благодарю
Alex
Генерирую svg, нужно залить polygon в градиент, или же на фон поставить картинку. Никто не подскажет как это сделать?
Ivan
Генерирую svg, нужно залить polygon в градиент, или же на фон поставить картинку. Никто не подскажет как это сделать?
Делаешь linearGradient, даёшь ему id и через fill(#id) (через css можно) задаеш его бэкграунд
Valentin
Кто из вас требует скобки в таком выражении? const func = state => {...} при код нах его ревью?
Ivan
Кто из вас требует скобки в таком выражении? const func = state => {...} при код нах его ревью?
Делаю хук на комит и еслинтом и претиерем все форматирую, и разногласий в команде нет и стиль кода одинаковый
Андрей
Кто из вас требует скобки в таком выражении? const func = state => {...} при код нах его ревью?
Поставь себе форматтер кода и перестань думать о расставлении скобок.
Valentin
Поставь себе форматтер кода и перестань думать о расставлении скобок.
Не. Его нельзя. Я должен лично проверять каждую строчку на не понятный мне стайл гайд
VM
чей бот рассылку по чату проводит?
Valentin
Поставь себе форматтер кода и перестань думать о расставлении скобок.
Но если знаешь как тонко настроить форматер, типа преттера. То у меня есть парочка вопросиков.
Valentin
Слишком толсто.
А это не шутка. Только закончил эту ебаню. Сейчас домой пойду.... глаз дергается
Ivan
Но если знаешь как тонко настроить форматер, типа преттера. То у меня есть парочка вопросиков.
У еслинта есть плагин для претиера, а дальше уже все копсы настраиваются, либо в eslintrc, либо в prettierrc
Андрей
Но если знаешь как тонко настроить форматер, типа преттера. То у меня есть парочка вопросиков.
Меня устраивает и текущие правила преттиера. Консистентность важнее, чем предпочтения людей.
Valentin
Valentin
Valentin
Чертовая первая строка, импорты по группам, остальное я и сам настроить смогу
Ivan
А первая пустая строка????
Типа чтобы у всех файлов была первая строка пустой или что, не понял?
Valentin
Зачем тебе группировка импортов по типам?
Думаешь это мне лично нужно?
Valentin
Типа чтобы у всех файлов была первая строка пустой или что, не понял?
Да. Ты правильно понял. Это правило номер один. Тк файл начинается с этого правила.
Андрей
Хернёй страдаете.
Ivan
Да. Ты правильно понял. Это правило номер один. Тк файл начинается с этого правила.
Ну такого правила нет, даже на гх отказались ибо это нахер никому не надо)))
Ivan
В блоках есть только правило - padded-blocks
Valentin
во, мб спасете меня. у меня зкончилось убеждение. В общем, хочу выйти победителем в моей маленькой просьбе на благоразумие. Имеется вот такая структурочка. Моя боль, что все файлы называется Component.js и я не могу объяснить, что файлам лучше дать имена их функциональности, что бы я мог переключаться к нужному файлу, просто введя его название.
Ivan
Просто ор
Ivan
Index.js типа экспортит компонент?
Valentin
напиши свой варик, я скопирую и отправлю. завтра скажу результат. если сможешь переубедить.. с меня пиво либо косячок
Ivan
Ну в целом использовать структуру - <Наименование Компонента>/index.js(jsx...) - правильная
Ivan
Только накой создавать везде Component.js - хз
Valentin
Только накой создавать везде Component.js - хз
проблема именно в названии Component.js