Китикет
Китикет
Ты где 0.9.5 откопал?
Serega
ребзя, у меня есть пукнт меню
<li className="pure-menu-item">
<a id="blogg"
href={NHLRESAN_ARTICLES}
onClick={() => this.props.router.push(NHLRESAN_ARTICLES)}
className="pure-menu-link">NHL Resan</a>
</li>
ссылка которого
/nhlresan/
Проблема втом что после добавления ссылка появяется правильная а потом подставляет битую ссылку
Никто не сталкивался, нету представления в чем может быть проблема?
🦜
Vitaliy
Я понял спасибо)
Dmitry
скинте группу по вебпаку
Sander
Вместо
const MyComponent = props => {...}
Пишешь
export const MyComponent = props => {...}
И в тесте импортируешь уже свой компонент без обёртки
не надо так делать, я уже нормально все замокал и приватные вещи остаются приватными )
Egor
Почему такой код не работает?
{props.isPersonAuth
? <div>success</div>
: () => {
const LoginModal = lifecycle({
componentDidMount() {
initAuth();
},
})(
<Modal
className="modal"
visible={props.loginModal}
onCancel={() => props.setLoginModalOpen(false)}
footer={null}
>
<LoginForm/>
</Modal>
);
return <LoginModal />;
}}
Ругается на вторую часть условия, типа неправильно возвращаю компонент
Kurzdor
А как в принципе сделать горизонтальный скролл, либа мб есть, есть опыт? @popuguy
react-perfect-scrollbar
Dmitry
Привет
Сейчас мб тупейшие вопросы будут
1) Как билдят ui ?
Есть scr и там компоненты
Как мне все обработать вебпаком ? Что бы все встало как и было только в дист
Dmitry
в вебпаке видимо нету никого
🦜
@artalar
https://reakit.io/
Евгений
@kurzdor Попробую, спасибо)
Sander
@artalar
https://reakit.io/
чем хорош reakit? своим удобным api и гипкостью? похож на некий скелет с хорошим api,
который можно кастомизировать.
🦜
чем хорош reakit? своим удобным api и гипкостью? похож на некий скелет с хорошим api,
который можно кастомизировать.
там написано же, что там доступные компоненты
Sander
я видел что там есть компоненты, но вроде их не так много
🦜
научитесь читать хотя бы описание
Китикет
ну напедаль a11y)
хд, сайт не работает с моего расиянского провайдера, пришлось впн подрубать
artalar
@popuguy не надо
Dmitriy
ну напедаль a11y)
А что кроме рук и глаз есть что б контролить автоматом доступность своих компонентов?
🦜
А что кроме рук и глаз есть что б контролить автоматом доступность своих компонентов?
можно попробовать поискать линтер
🦜
но вряд-ли что-то можно найти потому что этим мало кто занимается
Eugene
const radio = useRadioState();
<RadioGroup aria-label="fruits" {...radio}>
<label>
<Radio {...radio} value="apple" /> apple
</label>
</RadioGroup>
🤔
Vladimir
можно попробовать поискать линтер
есть такой https://www.npmjs.com/package/eslint-plugin-jsx-a11y
Kurzdor
есть такой https://www.npmjs.com/package/eslint-plugin-jsx-a11y
а еще лучше eslint-plugin-react-app 😎
Kurzdor
це чому
🦜
ты не понял меня
🦜
дальше cra его не стоит юзать
Kurzdor
себе же хуже 😃
artalar
ну просветите меня, не надо фейспалмы себе бить
Смотреть нужно не на слово eslint-plugin, а на то что дальше
artalar
react - это не замена a11y
artalar
Это теплое и мягкое
Andrey
можно попробовать поискать линтер
есть еще react-axe, он в связке с линтером вообще хорошо должен зайти тем, кто хочет a11y
artalar
но вряд-ли что-то можно найти потому что этим мало кто занимается
Есть инструменты аналитики сайта на доступность. В тех же девтулзах, даже
🦜
Есть инструменты аналитики сайта на доступность. В тех же девтулзах, даже
ну, я помню, что-то в html academy рассказывали, но это на столько абстрактно было
artalar
Так мы про теор. материал или интсрументы?
Kurzdor
Есть инструменты аналитики сайта на доступность. В тех же девтулзах, даже
напоминаю, мне 18 лет, у меня опыта в реакте от силы 3 месяца, работаю уже полтора года в фронте
Kurzdor
Есть инструменты аналитики сайта на доступность. В тех же девтулзах, даже
могу тупить, что то говорить и быть уверен в том, а оно не правда
просто обьясните в чём я не прав :)
спасиб
Ally
artalar
напоминаю, мне 18 лет, у меня опыта в реакте от силы 3 месяца, работаю уже полтора года в фронте
Ну а зачем советовать, тогда? =\
artalar
Читайте, слушайте, вникайте... Ссылайтесь на хоть каких-то авторитетов в мнении
Eugene
🤔чот последнее время часто вижу разговоры за a11y
Dmitriy
🦜
Dmitriy
https://developers.google.com/web/tools/chrome-devtools/accessibility/reference
Dmitriy
вот корче там и то и это
Никита Суханов
Небольшой оффтоп. Хочу интернет магазин на реакт сделать, где можно взять шаблон собсна самого магазина?
Никита Суханов
Бесплатно
🦜
Небольшой оффтоп. Хочу интернет магазин на реакт сделать, где можно взять шаблон собсна самого магазина?
pinterest, behance, dribble
🦜
или ты хочешь шаблон как у themeforest)?
Zackyy
Такой вопрос: Работаю с Реактом и динамически меняю текст в <p> тэге. Проблема в том, что внутри есть ссылка <a> и она не форматируется в ссылку, а остается как есть. Сырой код. Как отформатировать?
Никита Суханов
В идеале
Cenator 🐈
Zackyy
Благодарю
🅅aleriy
🅅aleriy
а то есть подозрение, что ты неправильно что-то там делаешь
Zackyy
https://gist.github.com/Zackyy1/1aea87d5d294d0b3f4d39c0720d6aae4
🅅aleriy
очень прост в дальнейшей поддержке