И
очень предварительно(!) через 2-4 месяца
Спасибо ждём
Size: a a a
2019 January 31
2019 February 01
AY
Всем здравствуйте, разобрался с typescript и react, сделал несколько кейсов, сам реакт достаточно прост но вот смотришь на Simple Aviasales и не очень понятно что там происходит, может задумаетесь над мастер классом каким-нибудь?
Расскажи что вызывает вопросы? Идеально будет списком по пунктам
И
Расскажи что вызывает вопросы? Идеально будет списком по пунктам
ну основное это где взять boilerplate чтоб начать делать SSR приложения на bem-react c возможностью создавать бандлы и всем что было в классическом стеке
- Можно внедрить bemreact в любой проект даже в уже существющий SPA без SSR?
- Можно использовать bem-react без typescript?
- Не понятно с чего начать я научился делать приложения на реакт а как совершить переход на react-bem без боли я не знаю, тот же webpack конфиг как в нашем случае для сборки блоков должен выглядеть?
- Можно внедрить bemreact в любой проект даже в уже существющий SPA без SSR?
- Можно использовать bem-react без typescript?
- Не понятно с чего начать я научился делать приложения на реакт а как совершить переход на react-bem без боли я не знаю, тот же webpack конфиг как в нашем случае для сборки блоков должен выглядеть?
AY
ну основное это где взять boilerplate чтоб начать делать SSR приложения на bem-react c возможностью создавать бандлы и всем что было в классическом стеке
- Можно внедрить bemreact в любой проект даже в уже существющий SPA без SSR?
- Можно использовать bem-react без typescript?
- Не понятно с чего начать я научился делать приложения на реакт а как совершить переход на react-bem без боли я не знаю, тот же webpack конфиг как в нашем случае для сборки блоков должен выглядеть?
- Можно внедрить bemreact в любой проект даже в уже существющий SPA без SSR?
- Можно использовать bem-react без typescript?
- Не понятно с чего начать я научился делать приложения на реакт а как совершить переход на react-bem без боли я не знаю, тот же webpack конфиг как в нашем случае для сборки блоков должен выглядеть?
👍Пасиб!
AY
- Можно внедрить bemreact в любой проект даже в уже существющий SPA без SSR?
Можно, он не обязывает что-то менять в сборке, можно просто установить пакет и импортировать его — всё.
> - Можно использовать bem-react без typescript?
Да, просто не будет проверки типов (именно проверки)
Автокомплит в VSCode можно сделать
- Не понятно с чего начать я научился делать приложения на реакт а как совершить переход на react-bem без боли я не знаю, тот же webpack конфиг как в нашем случае для сборки блоков должен выглядеть?
Ничем не отличается.
Можно, он не обязывает что-то менять в сборке, можно просто установить пакет и импортировать его — всё.
> - Можно использовать bem-react без typescript?
Да, просто не будет проверки типов (именно проверки)
Автокомплит в VSCode можно сделать
- Не понятно с чего начать я научился делать приложения на реакт а как совершить переход на react-bem без боли я не знаю, тот же webpack конфиг как в нашем случае для сборки блоков должен выглядеть?
Ничем не отличается.
AY
Можно брать create-react-app и устанавливать bem-react/* пакеты — в конфигах ничего делать не нужно, в отличие от bem-react-core@v1.
И
Можно брать create-react-app и устанавливать bem-react/* пакеты — в конфигах ничего делать не нужно, в отличие от bem-react-core@v1.
еще Dependency Injection не очень понятно из примера как делать
а за ответы спасибо
а за ответы спасибо
AY
Это аналог BEM.decl/BEM.DOM.decl/ymodules
2019 February 04
AS
Привет всем, кто-нибудь сталкивался с выбором значения радио-группы? Мне нужно менять формы под радио-группой, в зависимости от выбранной радио-кнопки.
Можно ли выбрать при помощи name + value, которые вижу уже в веб инспекторе? Обращаясь как :
document.querySelectorAll('input[name="location"]') ;
Или во время сбоки все перемалывается и нужно писать по как-то по бэму весь свой путь до объекта?
Можно ли выбрать при помощи name + value, которые вижу уже в веб инспекторе? Обращаясь как :
document.querySelectorAll('input[name="location"]') ;
Или во время сбоки все перемалывается и нужно писать по как-то по бэму весь свой путь до объекта?
AS
Вынес написанный js просто в отдельный html — он отрабатывает правильно. В консоль возвращает 1 и 2, когда кликаю по кнопкам, а в вайтпейпер проекте не работает.
var radioButtons = document.querySelectorAll('input[name="location"]') ;
var radioButton1 = radioButtons [0] ;
var radioButton2 = radioButtons [1] ;
console.log(radioButton1.value);
console.log(radioButton2.value);
radioButton1.addEventListener('change', function() { console.log(1) } );
radioButton2.addEventListener('change', function() { console.log(2) } );
var radioButtons = document.querySelectorAll('input[name="location"]') ;
var radioButton1 = radioButtons [0] ;
var radioButton2 = radioButtons [1] ;
console.log(radioButton1.value);
console.log(radioButton2.value);
radioButton1.addEventListener('change', function() { console.log(1) } );
radioButton2.addEventListener('change', function() { console.log(2) } );
AS
Попробовал потрекать обычную button — раотает, т.к. у нее есть id, а у radio-group только name.
document.getElementById('continue').addEventListener('click', function() { console.log(1) } );
document.getElementById('continue').addEventListener('click', function() { console.log(1) } );
AS
AS
— так это выглядит в хтмл
AS
AS
— а так это выглядит в вайтпейпере. Может быть радио-кнопка как-то перекрывается обычной кнопкой и поэтому не удается отследить клик по ней?
Р
В принципе, можно и так, но в составе whitepaper уже есть фрейморк для работы с БЭМ-сущностями: https://ru.bem.info/technologies/classic/i-bem/
AS
О, спасибо!