Почему вью лучше реакта?

звезды на гитхабе так сказали ?

звезды на гитхабе так сказали ?

Да не просто удобнее и быстрее в разработке

Ну вот есть vuetify и я даже подобных аналогов по функционалу не нашел у реакта

а чё он делает?

а, библиотека компонентов чтоль ?

а как же antd?

Ребята, в общем сделал еще одно тест задание на работу. Маленький проект в котором нужно создать прогу которая ищет с помощью апи гитхаба данные о введеном логине и высвечивает их. Дизайн, сказали, не важен, главное "правильно продуманная архитектура компонентов и чтобы каждое принятое решение имело свое обьяснение". Гляньте плиз на сам проект и скажите что можно улучшить или нужно исправить? https://github.com/luptidu/test-task Если хотите установить то npm install и npm start Буду очень благодарен :)

звезды на гитхабе так сказали ?

Астрология прям какая то

Астрология прям какая то

угу, как раз с намёком на это шутейка))

Ребята, в общем сделал еще одно тест задание на работу. Маленький проект в котором нужно создать прогу которая ищет с помощью апи гитхаба данные о введеном логине и высвечивает их. Дизайн, сказали, не важен, главное "правильно продуманная архитектура компонентов и чтобы каждое принятое решение имело свое обьяснение". Гляньте плиз на сам проект и скажите что можно улучшить или нужно исправить? https://github.com/luptidu/test-task Если хотите установить то npm install и npm start Буду очень благодарен :)

Ты бы отступы сделал ещё в 16 единиц

Чтобы прям по максимуму код размазать

Ребята, в общем сделал еще одно тест задание на работу. Маленький проект в котором нужно создать прогу которая ищет с помощью апи гитхаба данные о введеном логине и высвечивает их. Дизайн, сказали, не важен, главное "правильно продуманная архитектура компонентов и чтобы каждое принятое решение имело свое обьяснение". Гляньте плиз на сам проект и скажите что можно улучшить или нужно исправить? https://github.com/luptidu/test-task Если хотите установить то npm install и npm start Буду очень благодарен :)

А чего на нетлифай не развернул?

А чего на нетлифай не развернул?

Что это?

Ну вот есть vuetify и я даже подобных аналогов по функционалу не нашел у реакта

https://material-ui.com/

Ты бы отступы сделал ещё в 16 единиц

Это субъективное, мне удобно с 4

Один пробел ftw

Что это?

Это опечатка Я подразумевал это https://www.netlify.com

React лучше Vue - более структурирован и гибче имхо)

Это опечатка Я подразумевал это https://www.netlify.com

На ghpages чуть позже разверну

Ребята, в общем сделал еще одно тест задание на работу. Маленький проект в котором нужно создать прогу которая ищет с помощью апи гитхаба данные о введеном логине и высвечивает их. Дизайн, сказали, не важен, главное "правильно продуманная архитектура компонентов и чтобы каждое принятое решение имело свое обьяснение". Гляньте плиз на сам проект и скажите что можно улучшить или нужно исправить? https://github.com/luptidu/test-task Если хотите установить то npm install и npm start Буду очень благодарен :)

Компоненты не в папках. Биндинги в конструкторе, хуевые нейминги функций

Ещё использовать css

Компоненты не в папках. Биндинги в конструкторе, хуевые нейминги функций

Создать просто папку components? Куда биндинги засунуть? Какие именно функции?

Создать просто папку components? Куда биндинги засунуть? Какие именно функции?

Которые обрабатывают события

Биндинги надо переписать на стрелочные функции

Которые обрабатывают события

А как ещё назвать? Заменить on на handle?

Да

Да

В смысле, как на стрелочные переписать?

В смысле, как на стрелочные переписать?

Почитай про стрелочные функции

Ребята, в общем сделал еще одно тест задание на работу. Маленький проект в котором нужно создать прогу которая ищет с помощью апи гитхаба данные о введеном логине и высвечивает их. Дизайн, сказали, не важен, главное "правильно продуманная архитектура компонентов и чтобы каждое принятое решение имело свое обьяснение". Гляньте плиз на сам проект и скажите что можно улучшить или нужно исправить? https://github.com/luptidu/test-task Если хотите установить то npm install и npm start Буду очень благодарен :)

В один компонент пихаешь более мелкие через разметку и не бьешь их на компоненты

я знаю, что такое стрелочные функции, но не понимаю как именно зменить биндинги на стрелочные? я же юзаю class es6 там методы создаются fn() {}

const name = (props) => {}

const name = (props) => {}

так если я стейт использую?

This доступен тк => берет контекст

This доступен тк => берет контекст

да я знаю, но что заменить? Но как заменить метод класса на стрелочную функцию?

да я знаю, но что заменить? Но как заменить метод класса на стрелочную функцию?

https://medium.com/@machnicki/handle-events-in-react-with-arrow-functions-ede88184bbb

да я знаю, но что заменить? Но как заменить метод класса на стрелочную функцию?

click(){do smth shit} click = () => {}

да я знаю, но что заменить? Но как заменить метод класса на стрелочную функцию?

Это и будет метод

https://medium.com/@machnicki/handle-events-in-react-with-arrow-functions-ede88184bbb

Норм статья

все, я допер спасибо) значит все компоненты, засунуть в папку компонентс, изменить on на handle, изменить биндинг this. Что еще?

все, я допер спасибо) значит все компоненты, засунуть в папку компонентс, изменить on на handle, изменить биндинг this. Что еще?

А в ТЗ не было использовать  Redux, например?

все, я допер спасибо) значит все компоненты, засунуть в папку компонентс, изменить on на handle, изменить биндинг this. Что еще?

почитай выше, я написал

А в ТЗ не было использовать  Redux, например?

было написано, что я могу использовать, но не обязательно

Потому что совсем новый стандарт

потому что у тебя нет плагина в бабеле

Harmony flag включи

а, ты в браузере пишешь код, лол

а, ты в браузере пишешь код, лол

я не пишу в браузере, лол, просто удобнее показать ошибку с консоли, лол

фирму не хочу называть, просто вакансия была frontend developer

в каком вообще стандарте добавили стрелочные функции как метод?

нормальная ли практика записать значения из пропсов(получаю их из стора) в стейт внутренний компонента. в this.state в конструкторе? получаю данные некие,сохраняю их в стор. и по умолчанию мне нужно в стейт записать некое значение из стора. например есть два списка. и выделить нужно некие два элемента в списке по умолчанию, если юзер не выбрал ничего пока из списков. а данные из списка в сторе.

в каком вообще стандарте добавили стрелочные функции как метод?

transform-class-properties

transform-class-properties

то есть это типо не официальная фича? или официальная просто будет добавлена в последующих стандартах?

нормальная ли практика записать значения из пропсов(получаю их из стора) в стейт внутренний компонента. в this.state в конструкторе? получаю данные некие,сохраняю их в стор. и по умолчанию мне нужно в стейт записать некое значение из стора. например есть два списка. и выделить нужно некие два элемента в списке по умолчанию, если юзер не выбрал ничего пока из списков. а данные из списка в сторе.

ты имеешь в виду вот так constructor(props){ super(props) this.state = {this.props} } ?

ты имеешь в виду вот так constructor(props){ super(props) this.state = {this.props} } ?

this.state = {...this.props}

ты имеешь в виду вот так constructor(props){ super(props) this.state = {this.props} } ?

да типа такого this.state = { action1: props.data.actions1[0]., action2: props.data.actions2[0] };

this.state = {...this.props}

это абстрактрый код, мне пох

да типа такого this.state = { action1: props.data.actions1[0]., action2: props.data.actions2[0] };

в принципе можно

это абстрактрый код, мне пох

Возьму на вооружение когда обосрамс

это абстрактрый код, мне пох

возьмут, скопипастят, а потом будут задалбывать...

Возьму на вооружение когда обосрамс

ты всегда абасрафсь

нормальная ли практика записать значения из пропсов(получаю их из стора) в стейт внутренний компонента. в this.state в конструкторе? получаю данные некие,сохраняю их в стор. и по умолчанию мне нужно в стейт записать некое значение из стора. например есть два списка. и выделить нужно некие два элемента в списке по умолчанию, если юзер не выбрал ничего пока из списков. а данные из списка в сторе.

имхо достаточно мало кейсов, где пропсы надо в стейт пихать (особенно все) если это нужно, значит вы что-то делаете не так

ERROR: S client not available

нормальная ли практика записать значения из пропсов(получаю их из стора) в стейт внутренний компонента. в this.state в конструкторе? получаю данные некие,сохраняю их в стор. и по умолчанию мне нужно в стейт записать некое значение из стора. например есть два списка. и выделить нужно некие два элемента в списке по умолчанию, если юзер не выбрал ничего пока из списков. а данные из списка в сторе.

getDerivedStateFromProps

имхо достаточно мало кейсов, где пропсы надо в стейт пихать (особенно все) если это нужно, значит вы что-то делаете не так

У меня при сср инициализация стейта идет пропсами

Гайс, подскажите пожалуйста... Использую I18next и i18next-xhr-backend который позволяет подгружать файлы по мере необходимости. Как сделать хэш у файлов и прокинуть эти урлы в конфиг I18n? Как все это собрать красиво для прода?

может и мне кто нибудь подскажет?)

Гайс, подскажите пожалуйста... Использую I18next и i18next-xhr-backend который позволяет подгружать файлы по мере необходимости. Как сделать хэш у файлов и прокинуть эти урлы в конфиг I18n? Как все это собрать красиво для прода?

зачем хеш если это xhr запрос и он не кешируется?

У меня при сср инициализация стейта идет пропсами

зачем?

У меня при сср инициализация стейта идет пропсами

возьми ридакс

зачем хеш если это xhr запрос и он не кешируется?

удивил, это точно? просто в одном из проектов вроде как была такая проблема

я сам не фронт, может глупости пишу, прошу простить ?

удивил, это точно? просто в одном из проектов вроде как была такая проблема

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

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

спасибо, like )

Cenator xhr запрос тоже может кэшироваться

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

что-то путаница, началось все с запроса на файлы и как прокинуть на них ссылки

так, может лучше получить ссылки на хешированные файлы?

что-то путаница, началось все с запроса на файлы и как прокинуть на них ссылки

это xhr backend, ему все равно что там, главное чтобы ответ пришел

это xhr backend, ему все равно что там, главное чтобы ответ пришел

я попытался вернутся к изначальной проблеме

спасибо, like )

хотя в таком случае лучше убрать расширение .json чтобы браузер не кешировал

Cenator xhr запрос тоже может кэшироваться

сервис воркер?

в каком вообще стандарте добавили стрелочные функции как метод?

Не надо писать сообщения столбиками.

Ещё использовать css

Ты тоже

getDerivedStateFromProps

у меня есть объект с данными data и я из него только при первой инициализации записываю в state некие данные. action: data[0], subject: data[1] например. А потом я выбираю один элемент из одного списка, второй из другого и записываю в стейт их. больше никак не использую их. подхдит ли мне этот метод?

сервис воркер?

почему, нет это же просто кэш полиси, которое на сервере настраивается и такие вот советы не просто так: https://developer.mozilla.org/en-US/docs/Web/API/XMLHttpRequest/Using_XMLHttpRequest#Bypassing_the_cache

почему, нет это же просто кэш полиси, которое на сервере настраивается и такие вот советы не просто так: https://developer.mozilla.org/en-US/docs/Web/API/XMLHttpRequest/Using_XMLHttpRequest#Bypassing_the_cache

а с фетчем так же?

а с фетчем так же?

хм, не знаю, в последний раз сталкивался с этой проблемой ещё до фетча А потом везде апишки нормальные были)

полагаю, должно быть так же

getDerivedStateFromProps

то есть можно ли использовать его так. при первой инициализации начальными значениями из пропсов в стейте ? а дальшей я уже стейт меняю в самом компоненте static getDerivedStateFromProps(nextProps, prevState) { const { actions1, action2 } = nextProps.data[nextProps.currentIndex]; return { action1: actions1[0], action2: acyions2[0] } }

то есть можно ли использовать его так. при первой инициализации начальными значениями из пропсов в стейте ? а дальшей я уже стейт меняю в самом компоненте static getDerivedStateFromProps(nextProps, prevState) { const { actions1, action2 } = nextProps.data[nextProps.currentIndex]; return { action1: actions1[0], action2: acyions2[0] } }

я полагаю что на любой сетСтейт тоже будет вызываться этот лайфсайкл; поэтому по-хорошему в state запихивать currentIndex, чтобы обновлять только по необходимости

^ но кстати не уверен про сетСтейт, надо смотреть

getDerivedStateFromProps

https://reactjs.org/blog/2018/06/07/you-probably-dont-need-derived-state.html

https://reactjs.org/blog/2018/06/07/you-probably-dont-need-derived-state.html

и? лайфсайкл не просто так существует