да, и это стандартный React.createElement
Ты его используешь, чтобы не было jsx в компоненте? Он же делает тоже самое, как если бы ты jsx-ом это написал
G.
Ruslan
Ты его используешь, чтобы не было jsx в компоненте? Он же делает тоже самое, как если бы ты jsx-ом это написал
да, но ты просто рендеришь одну вьюшку и передаёшь ей пропсы - это всё что нужно сделать. Зачем тут jsx? Гораздо проще пропсы объектом передать. К тому же ты как бы не можешь сделать вложенность
Eugene
да, но ты просто рендеришь одну вьюшку и передаёшь ей пропсы - это всё что нужно сделать. Зачем тут jsx? Гораздо проще пропсы объектом передать. К тому же ты как бы не можешь сделать вложенность
🤔интересно, дает ли это читаемость лучше в большом проекте, и как тяжело будет приучить 2-3 разраба в проекте к такому
Stepan
Кто может подсказать почему этот тест:
import React from 'react';
import {MemoryRouter} from 'react-router-dom';
import { mount } from 'enzyme'
import User from './User';
it('renders without crashing', () => {
const wrapper = mount(
<MemoryRouter>
<User match={{params: {id: "1"}, isExact: true, path: "/users/:id", name: "User details"}}/>
</MemoryRouter>
);
// expect(wrapper.containsMatchingElement(<strong>Samppa Nori</strong>)).toEqual(true)
wrapper.unmount()
});
Может в VCS постоянно моргать то как пройденый то как проваленный?
Stepan
Может есть какой-то хороший курс по тест рованию компонентов в реакте? Что я прям с тестированием подзалип.
Vova
Всем привет. Подскажите реакт компонет таблица с возможностью редактирования ячеек.
Stepan
Всем привет. Подскажите реакт компонет таблица с возможностью редактирования ячеек.
https://www.ag-grid.com/javascript-grid-filter-component/
Vova
Спасибо
Evgeniy
Реактеры хелп, подскажите как по изичам найти в верстке реакта вот такой компонент не бегая по страницам?, скорей всего это невозможно, потомучто он просто будет не отрисован в реальном дом но всеже
Evgeniy
http://i.imgur.com/qmg8655.png
Vitalii
Кому-то удалось замокать или найти другой воркараунд для работы с contextType в 16.6?
Vitalii
И enzyme shallow
Vitalii
Я уже хренову тучу вариантов перепробовал
Ruslan
🤔интересно, дает ли это читаемость лучше в большом проекте, и как тяжело будет приучить 2-3 разраба в проекте к такому
TODO App сделанный по принципам MVVM:
https://codesandbox.io/s/934qwo74ko
Roman
а вместо defaultProps можно ведь использовать деструктуризацию в stateless функциях?
const Component = ({ someProp = 'defaultValue' }) => null?
Kurzdor
ребят, тут странность такая.
вообщем юзаю react-select v2 с emotion, дык вот
нужно псевдоэлемент поставить, а так он не хочет
'&::after': {
content: '',
display: 'block',
position: 'absolute',
bottom: '0',
left: '20px',
right: '20px',
width: '100%',
height: '1px',
backgroundColor: 'rgba(8,48,75,0.1)',
},
Kurzdor
пишу css-in-js в обьекте ибо так просит react-select
Kurzdor
ЧЯНДТ
Andrey
пишу css-in-js в обьекте ибо так просит react-select
Лол. Странно просит. Он же на эмоушене :/
Kurzdor
https://react-select.com/styles
Kurzdor
короче что я делаю не так
Kurzdor
Лол. Странно просит. Он же на эмоушене :/
а тьфу, ебанный жс
надо было так писать
content: '""'
Andrey
а тьфу, ебанный жс
надо было так писать
content: '""'
Когда админ цсс чатика не умеет в цсс
Kurzdor
Когда админ цсс чатика не умеет в цсс
то ощущение когда 4 часа жизни на стилизацию селекта через Object Styles
Anonymous
то ощущение когда 4 часа жизни на стилизацию селекта через Object Styles
Тебе доставляет этот emotion? чего sc не возьмёшь?
Kurzdor
Тебе доставляет этот emotion? чего sc не возьмёшь?
эм, они одинаковы + реакт селект его юзает
Anonymous
я не знаю, что за react-select
Kurzdor
я только поэтому его юзал в стилизации селекта
да и проект на @emotion v10
Kurzdor
он пиздат
Kurzdor
https://react-select.com/styles
Den
Как правильно организовать форму авторизации?
<BrowserRouter>
<Switch>
{
routes.map((route, index) => (
<Route
key={index}
path={route.path}
exact={route.exact}
component={route.component}
/>
))
}
<Route exact path='/*' component={NotFound} />
</Switch>
</BrowserRouter>
Kurzdor
эта монополия SC чуток достала
Kurzdor
<Route exact path='/*' component={NotFound} />
а это точно так работает?
G.
а вместо defaultProps можно ведь использовать деструктуризацию в stateless функциях?
const Component = ({ someProp = 'defaultValue' }) => null?
дефолтные значения будут получены (в классах тоже кстати), только есть моменты с проверкой пропсов, плюс линтер может ругаться на отсутствие дефолт пропсов
G.
а вместо defaultProps можно ведь использовать деструктуризацию в stateless функциях?
const Component = ({ someProp = 'defaultValue' }) => null?
например propTypes будут проверяться после применения defaultProps
Den
Roman
например propTypes будут проверяться после применения defaultProps
а, получается деструктуризация будет применяться после проптайпов?
Kurzdor
проверил - работает
вроде ж нужно так, нет?
<Route component={NotFound}>
в самом конце
eventua1
Ребят, привет! Кто-нибудь встречался с похожей ошибкой?
Property 'ratings' is missing in type '{}' but required in type 'Readonly<Pick<Pick<{}, never>, never> & Pick<InferProps<{ ratings: Validator<any[]>; }>, "ratings">>'. TS2741
?
Я понимаю, что ее генерит PropTypes валидатор, но мне совершенно непонятно, в чем проблема. Есть простой компонент:
import React, { Component } from 'react';
import { connect } from 'react-redux';
import PropTypes from 'prop-types';
import { getRatings } from '../../actions/ratings'
export class Rating extends Component {
static propTypes = {
ratings: PropTypes.array.isRequired
};
componentDidMount() {
this.props.getRatings();
}
render() {
return (
<div>
<h1>Ratings</h1>
</div>
);
}
}
function mapStateToProps(state: any) {
return {
ratings: state.ratings.ratings
};
}
export default connect(
mapStateToProps,
{ getRatings }
)(Rating);
вот собственно первая ошибка в нем + не находит this.props.getRatings()
Cenator 🐈
eventua1
Только в него вступил тоже, спасибо) Но если тут есть кто-то, кто с таким сталкивался - буду благодарен за помощь
eventua1
та вот уже понимаю, что нельзя
eventua1
а как тогда инитить проперти для компонентов без этого? если убрать пропс - ошибка пропадает, но теперь падает из-за this.props.getRatings()
eventua1
все, разобрался
type Props = {
ratings: object
getRatings: Function
}
class Rating extends Component<Props> {
…
}
Timur
чуваки, пытаюсь ворваться в реакт. Что за хайп вокруг хуков? Классовые компоненты уже все, не нужны? Хуки позволяют обмениваться данными без использования контекста? Может есть где объяснение на пальцах? 😅
artalar
В доке
artalar
И на русском и на английском
Михаил
чуваки, пытаюсь ворваться в реакт. Что за хайп вокруг хуков? Классовые компоненты уже все, не нужны? Хуки позволяют обмениваться данными без использования контекста? Может есть где объяснение на пальцах? 😅
Подборка ресурсов про хуки https://inforso.ru/main?page=0&pageSize=15&selectedTopicId=34&selectionId=2
Timur
Arti 🦠
Я думаю человек хотел спросить типо - кто-нибудь уже побывал писать не на классах, а на функциях использую хуки
Arti 🦠
Ну и типо че как ? Нравится нет
Arti 🦠
Мне вот тоже интересно
Dimitri
Сразу сел на хуки, как только вышел 16.8, с тех пор классы не использовал (было только для пары компонентов, что бы ошибки отлавливать)
Arti 🦠
Сразу сел на хуки, как только вышел 16.8, с тех пор классы не использовал (было только для пары компонентов, что бы ошибки отлавливать)
Можешь скинуть кусок кода, из реального проекта, компонент с более менее средней логикой
Arti 🦠
Чисто из любопытства
Dimitri
Можешь скинуть кусок кода, из реального проекта, компонент с более менее средней логикой
Может быть позже, компа рядом нет
Arti 🦠
Хорошо. Тогда в личку кинешь, как время будет.
Спасибо
Boris
Товарищи, привет. Подскажите как можно сделать аутентификация на reactjs? Где можно посмотреть?
Дима
amplify
Михаил
Ну и типо че как ? Нравится нет
Попробовал недавно использовать в одном компоненте в своем проекте, в принципе удобно https://gist.github.com/MihailShev/23babd7cf497686fa3c5d99289d90e84
Arthur
Всем доброе. Подскажите, плз, как можно нормально подружить реакт и статику ? Есть странички с кучей хтмл и без интерактива, смысла на реакт из переносить нет
Думаем рендерить на сервере и просто встраивать в реакт через setHtml
Есть способ получше ?
Arti 🦠
Думаю нет, я так делаю
Arti 🦠
Ну то есть я запрашиваю html с сервера и вставляю
Arti 🦠
Для чисто статики
Stepan
Всем доброе. Подскажите, плз, как можно нормально подружить реакт и статику ? Есть странички с кучей хтмл и без интерактива, смысла на реакт из переносить нет
Думаем рендерить на сервере и просто встраивать в реакт через setHtml
Есть способ получше ?
А если наоборот - генерить сервером статику, а где нужна динамика - вставлять реакт компонент?
Arthur
Геморрно получится, динамика очень много где есть