а зачем тебе бейс64

чтобы пути не писать)

ну такое

а зачем тебе бейс64

Чтоб css был пару мегабайт

ну такое

при сборке компонент не нужно тащить файл с картинокой, сфг

Чтоб css был пару мегабайт

нет css в стайледе

Магией стили появляются?

Магией стили появляются?

че за ересь ты пишешь?

у base64 вес больше получается

че за ересь ты пишешь?

ну я только css знаю для стилей, есть версия SC которая не использует css?

ну я только css знаю для стилей, есть версия SC которая не использует css?

Оно юзает подобие css.

Точнее расширенную версию. И не складывает стили в отдельные файлы

генерирует то css?

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

генерирует то css?

нет

он создает стили прям в DOM

он создает стили прям в DOM

стили в DOM это не css?

стили в DOM это не css?

нет)

нет)

?

?

css это сериализованное представление таблиц стилей

это всё равно цсс

нет)

Вот это поворот

это всё равно цсс

CSS (/siːɛsɛs/ англ. Cascading Style Sheets — каскадные таблицы стилей) — формальный язык описания внешнего вида документа, написанного с использованием языка разметки. ммм

CSS (/siːɛsɛs/ англ. Cascading Style Sheets — каскадные таблицы стилей) — формальный язык описания внешнего вида документа, написанного с использованием языка разметки. ммм

и?

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

а что это?

Ммммм холивар

а что это?

это указание СТИЛЯ

а не css

а по каким законам ты пишешь стиль?

ни по каким

и по каким оно работает

у DOM элемента есть свойства ты его ставишь

CSS это именно формат описания

то есть селектор { имя свойства: значение свойства ; ещё }

CSS это именно формат описания

Золотые слова

а не css

Но ведь value стиля это часть css

без DOM не существует CSS в том виде, в каком его понимаешь

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

У css свой CSSOM

У css свой CSSOM

есть.

это никак не противоречит

Никто не запрещает юзать css и CSSOM вместе с другой системой элементов. С другими свойствами.

some-native-element { size: big; text-size: 12pt; } валидный же CSS

так там действуют правила каскада те же?

памагити снова. Я решил заменить textarea на <div contenteditable=true>, и теперь он пишет undefined когда я спрашиваю про выделение. Что не так? import React, {Component} from 'react'; import ReactDOM from 'react-dom'; class TyperArea extends Component { constructor(){ super(); this.onChange = this.onChange.bind(this); this.state = {} } onChange(e){ this.setState({ value: e.target.value }) } render(){ return ( <div id="typer" contentEditable="true" onChange={this.onChange}> Lorem ipsum dolor sit amet, consectetur adipisicing elit. Tempora modi, architecto quibusdam magnam voluptates sapiente molestiae, quam cum reiciendis sunt! </div> ) } } class BoldButton extends Component { constructor(){ super(); this.onClick = this.onClick.bind(this); } onClick(e){ let val = document.getElementById("typer"); alert(val.selectionStart) } render(){ return <button onClick={this.onClick}>B</button> } } import './css/index.min.css'; const root = document.querySelector('#app'); ReactDOM.render( <div> <BoldButton/> <TyperArea/> </div>, root )

@sergeysova, да, ты через js всё равно при помощи каскада стили сетишь

some-native-element { size: big; text-size: 12pt; } валидный же CSS

Разве так можно

именно кастомные проперти

Время внезапных вопросов: а что у нас для чартов используют в 2к18?

Если реакт в браузере, то react-vis можно попробовать

хэлп ми ... <div id="typer" contentEditable="true" onChange={this.onChange}> Lorem ipsum dolor sit amet, consectetur adipisicing elit. Tempora modi, architecto quibusdam magnam voluptates sapiente molestiae, quam cum reiciendis sunt! </div> ... onClick(e){ let val = document.getElementById("typer").innerHTML; let sel = getSelection().toString(); let selStart = sel[0]; let selEnd = sel[sel.length - 1]; alert(val.slice(val.indexOf(selStart), val.indexOf(selEnd))) } выдаёт какую-то ересь

upd там кнопка

alert(selStart + "," + selEnd)

ERROR: S client not available

как мне вырезать из значения дива выделенную строку?

slice не сработал

мб substring? крч я не знаю

он тоже не работает

хэлп ми ... <div id="typer" contentEditable="true" onChange={this.onChange}> Lorem ipsum dolor sit amet, consectetur adipisicing elit. Tempora modi, architecto quibusdam magnam voluptates sapiente molestiae, quam cum reiciendis sunt! </div> ... onClick(e){ let val = document.getElementById("typer").innerHTML; let sel = getSelection().toString(); let selStart = sel[0]; let selEnd = sel[sel.length - 1]; alert(val.slice(val.indexOf(selStart), val.indexOf(selEnd))) } выдаёт какую-то ересь

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

Для работы с домом только реакт, напрямую нельзя

хэлп ми ... <div id="typer" contentEditable="true" onChange={this.onChange}> Lorem ipsum dolor sit amet, consectetur adipisicing elit. Tempora modi, architecto quibusdam magnam voluptates sapiente molestiae, quam cum reiciendis sunt! </div> ... onClick(e){ let val = document.getElementById("typer").innerHTML; let sel = getSelection().toString(); let selStart = sel[0]; let selEnd = sel[sel.length - 1]; alert(val.slice(val.indexOf(selStart), val.indexOf(selEnd))) } выдаёт какую-то ересь

Используй react.createRef

Возможно ошибка в getSelection

окс

спасибо

ребята, как в локал вытащить ветку из гита, допустим я клонировал репозиторий и там одна ветка - мастер - но на другом компе работал с определенной веткой, как мне её вернуть правильно?

ребята, как в локал вытащить ветку из гита, допустим я клонировал репозиторий и там одна ветка - мастер - но на другом компе работал с определенной веткой, как мне её вернуть правильно?

@git_ru

хэлп ми ... <div id="typer" contentEditable="true" onChange={this.onChange}> Lorem ipsum dolor sit amet, consectetur adipisicing elit. Tempora modi, architecto quibusdam magnam voluptates sapiente molestiae, quam cum reiciendis sunt! </div> ... onClick(e){ let val = document.getElementById("typer").innerHTML; let sel = getSelection().toString(); let selStart = sel[0]; let selEnd = sel[sel.length - 1]; alert(val.slice(val.indexOf(selStart), val.indexOf(selEnd))) } выдаёт какую-то ересь

В чем проблема выводить sel?

А, нужно именно вырезать. Тогда вырезай с позиции indexof(sel) по indexof(sel) + sel.length.

В чем проблема выводить sel?

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

поэтому я и пытаюсь выделить

я нашёл решение своей проблемы - react-contenteditable https://codesandbox.io/s/n067mmwjym

Ребят, такой вопрос: У меня компоненты SignUp/LogIn stateless они же формы (использую formik) организованы через табы, тобиш компонент Tabs это родительский statefull компонент. Нормально ли будет возможно так даже и нужно передав в мои компоненты SignUp/LogIn функцию onSubmit в виде свойств , и в родительском компонент Tabs в componentDidMount вызвать?

<button key<--- ты думаешь что тут указал пропс?

<Btn key='Hi'<--- вот тут надо)

Ребят, такой вопрос: У меня компоненты SignUp/LogIn stateless они же формы (использую formik) организованы через табы, тобиш компонент Tabs это родительский statefull компонент. Нормально ли будет возможно так даже и нужно передав в мои компоненты SignUp/LogIn функцию onSubmit в виде свойств , и в родительском компонент Tabs в componentDidMount вызвать?

Что вызывать?

Что вызывать?

функцию для отправки данных

Зачем ее в componentDidMount вызывать?

Зачем ее в componentDidMount вызывать?

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