Andrey
только не закидывайте камнями)
заходишь на гитхаб репу каждой из больших либ на своем проекте смотришь на readme впитываешь знания
Vitaliy
спасибо)
Victor
https://youtu.be/V95bBGB-89Y?t=5028
где в 9 часах нужный момент? ))))
Vladimir
где в 9 часах нужный момент? ))))
1:23, я проставил таймстамп
Pavel
Я не понимаю, что мне везёт на вакансии, где дают тестовые задания? https://docs.google.com/document/d/1go9S94Ged5nKyfDQSWZylrS77kkBu0MNuNZy5TYte6E/ Целый проект бл***
Во, оказывается не я один такой. Тоже пытаюсь устроится на удалёнку, либо фулстак с PHP в бэкенде (Битрикс, фреймворки всякие), либо если фронтендер, то надо выше мидла и задания такие, как минипроект сделать. Так и грызёт червячок, что задание примут, а меня отправят подальше.
Volodymyr
кто работал с пдфками в реакте? jspdf не может в цсс и прочее такое у меня задача - экспортить фул странички с графиками и ппрочим всяким делал кто то подобное?
Victor
так а разве дело в реакте? Вроде есть либы которые через headless chrome "печатают" экран в pdf
Maxim
Проектная подработка с возможностью последующего продолжения: https://freelansim.ru/tasks/251359
Pavel
Может кто имел дело с такой библиотекой https://www.npmjs.com/package/react-inline-editable-field Есть пример сортируемых таблиц на Семантик и Реакт, в качестве бэкенда json-server. https://reactjsexample.com/an-example-for-react-semantic-ui-sortable-table/ Хочу сделать возможность редактировать данные и добавлять строки. В примере используется props, надо как-то это переделать в state... Есть ещё вопросы, но как говорится не всё сразу.
Andrew
Ребята, кто нашел какое-то эффективное решение loading менеджмента? Чет заколебался я постояно пхать в state что-то типа isLoading, перед запросом ставить true, после - false на каждую загрузку с сервера. Хочется это как-то унифицировать. В идеале в какой-то декоратор с каким-то makeRequest, который будет показывать крутилку и манеджить ее состояние. С рендером типа render() { const { isLoading } = this.state; return ( <React.Fragment> {isLoading && <Loader />} {!isLoading && <WrappedComponent makeRequest={this.makeRequest} {...this.props} />} </React.Fragment> ) } Но в таком случае WrappedComponent будет отмаунчиваться постоянно. А заворачивать в доп div с display: none не хочется - реюзабилити будет страдать.
Victor
.loading &:before { @include overlay; }
Victor
и все, самому главному родителю вешай класс loading, а потом в css разруливай, как компонентам реагировать на эту ситуацию
Andrew
не вижу проблемы в isLoading... У каждого ж компонента своя реакция на то, что где-то идет запрос. Вместо показывания элемента в реакте, можно всякие лоудеры через css пихать
Ну, для такого солюшена можно в WrappedComponent просто пробрасывать isLoading как пропс, что конечно заметно сокарщает повторение логики. Однако в подавляющем большинстве случаев логика: isLoding ? покажи крутилку : покажи компонент
🦜
Ну, для такого солюшена можно в WrappedComponent просто пробрасывать isLoading как пропс, что конечно заметно сокарщает повторение логики. Однако в подавляющем большинстве случаев логика: isLoding ? покажи крутилку : покажи компонент
крутилка треш сама по себе. Лучше юзать подход со скелетонами и двумя видами рендеров. Пока у тебя нет данных в сторе показываешь скелетон, а когда есть, то компонент. Не нужно хендлить никакие запросы, ты просто проверяешь стор и все
Victor
но это у меня профессиональная деформация - наше приложение крутится в мобилах, всегда приходится думать наперед в таких моментах
🦜
типа такого можно, да
выжиг мне глаза светлой темой, кодом и форматирование
Andre
и иде
Maksim
и иде
норм иде, это шторм похоже код так себе конечно
🦜
пожалуйста, пользуйся
Чо ты мне костыли предлагаешь?)
Andre
Чо ты мне костыли предлагаешь?)
я щитаю давно пора нейролинк. чтобы без костылей
Maksim
шторм для ректа, ну такое
какое? 4 года юзаю, все норм
Andre
ничего против не имею!
Aram
ничего против не имею!
И мы спасены от холивара!
Timur
гайз, когда собираю билд create-react-app, почему в index.html все пусто?
Andre
совсем пусто?
Timur
ну как, там дивка app есть, а пути на чанки абсолютные прописываются
Andrew
типа такого можно, да
Чет костыльный у вас travelClassUpgradeRouter 😄 А вообще, честно говоря, не понял какую инфу я должен подцепить из увиденного. Как-то вырванно из контекста что ли
Timur
Timur
Timur
🦜
ну как, там дивка app есть, а пути на чанки абсолютные прописываются
потому что надо serve билда делать, а не запускать локально
Timur
потому что надо serve билда делать, а не запускать локально
ага, когда я его делаю, на 5000 локалхосте вижу все. А как мне это бакендщику отдавать?
🦜
кому надо основы веба чекнуть еще раз)
Andre
рофлан ебало
сорри не говорю на твоём языке
Anonymous
Всем привет, что с этим можно сделать? 😱
Andre
Всем привет, что с этим можно сделать? 😱
https://github.com/you-dont-need/You-Dont-Need-Momentjs
Andrey
Всем привет, что с этим можно сделать? 😱
dayjs хотя если ты локали импортишь только, то хз, как оно там у dayjs
Anonymous
Спасибо всем, буду работать 🙏
Timur
так и отдавай
я отдал сборку билда, у него такую же пустую страниу выводит и ошибки при загрузке стилей и чанков. А в index.html еще какой-то длиннющий скрипт <script>!function(l){function e(e){for(var r,t,n=e[0],o=e[1],u=e[2],f=0,i=[];f<n.length;f++)t=n[f],p[t]&&i.push(p[t][0]),p[t]=0;for(r in o)Object.prototype.hasOwnProperty.call(o,r)&&(l[r]=o[r]);for(s&&s(e);i.length;)i.shift()();return c.push.apply(c,u||[]),a()}function a(){for(var e,r=0;r<c.length;r++){for(var t=c[r],n=!0,o=1;o<t.length;o++){var u=t[o];0!==p[u]&&(n=!1)}n&&(c.splice(r--,1),e=f(f.s=t[0]))}return e}var t={},p={1:0},c=[];function f(e){if(t[e])return t[e].exports;var r=t[e]={i:e,l:!1,exports:{}};return l[e].call(r.exports,r,r.exports,f),r.l=!0,r.exports}f.m=l,f.c=t,f.d=function(e,r,t){f.o(e,r)||Object.defineProperty(e,r,{enumerable:!0,get:t})},f.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},f.t=function(r,e){if(1&e&&(r=f(r)),8&e)return r;if(4&e&&"object"==typeof r&&r&&r.__esModule)return r;var t=Object.create(null);if(f.r(t),Object.defineProperty(t,"default",{enumerable:!0,value:r}),2&e&&"string"!=typeof r)for(var n in r)f.d(t,n,function(e){return r[e]}.bind(null,n));return t},f.n=function(e){var r=e&&e.__esModule?function(){return e.default}:function(){return e};return f.d(r,"a",r),r},f.o=function(e,r){return Object.prototype.hasOwnProperty.call(e,r)},f.p="/";var r=window.webpackJsonp=window.webpackJsonp||[],n=r.push.bind(r);r.push=e,r=r.slice();for(var o=0;o<r.length;o++)e(r[o]);var s=n;a()}([])</script> для чего он там взялся..
🦜
я отдал сборку билда, у него такую же пустую страниу выводит и ошибки при загрузке стилей и чанков. А в index.html еще какой-то длиннющий скрипт <script>!function(l){function e(e){for(var r,t,n=e[0],o=e[1],u=e[2],f=0,i=[];f<n.length;f++)t=n[f],p[t]&&i.push(p[t][0]),p[t]=0;for(r in o)Object.prototype.hasOwnProperty.call(o,r)&&(l[r]=o[r]);for(s&&s(e);i.length;)i.shift()();return c.push.apply(c,u||[]),a()}function a(){for(var e,r=0;r<c.length;r++){for(var t=c[r],n=!0,o=1;o<t.length;o++){var u=t[o];0!==p[u]&&(n=!1)}n&&(c.splice(r--,1),e=f(f.s=t[0]))}return e}var t={},p={1:0},c=[];function f(e){if(t[e])return t[e].exports;var r=t[e]={i:e,l:!1,exports:{}};return l[e].call(r.exports,r,r.exports,f),r.l=!0,r.exports}f.m=l,f.c=t,f.d=function(e,r,t){f.o(e,r)||Object.defineProperty(e,r,{enumerable:!0,get:t})},f.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},f.t=function(r,e){if(1&e&&(r=f(r)),8&e)return r;if(4&e&&"object"==typeof r&&r&&r.__esModule)return r;var t=Object.create(null);if(f.r(t),Object.defineProperty(t,"default",{enumerable:!0,value:r}),2&e&&"string"!=typeof r)for(var n in r)f.d(t,n,function(e){return r[e]}.bind(null,n));return t},f.n=function(e){var r=e&&e.__esModule?function(){return e.default}:function(){return e};return f.d(r,"a",r),r},f.o=function(e,r){return Object.prototype.hasOwnProperty.call(e,r)},f.p="/";var r=window.webpackJsonp=window.webpackJsonp||[],n=r.push.bind(r);r.push=e,r=r.slice();for(var o=0;o<r.length;o++)e(r[o]);var s=n;a()}([])</script> для чего он там взялся..
так на сервер залейте, а не локально запускайте
Timur
вот залили, он говорит иди выясняй почему так
MVD
Я для css использую style-loader, css-loader. Где вебпак дев сервер хранит скомпилинные css? Нужно получить доступ к ним из express
Frontend Priest
за подробностями - в доку css-loader
MVD
скомпилированных цсс нету
А как к ним поолучить доступ?
Frontend Priest
А как к ним поолучить доступ?
перечитать мой пост и подумать
Алексей
Ребят, кто пробовал SvelteJS? На первый взгляд крутая штука
Я туториал проходил и с реактивностью у него довольно печально, у vue получше будет.
Алексей
может допилят, может не допилят
Timofei
А есть какой-либо wysiwyg редактор с поддержкой проброса своего кастомного text-area? Нужна не стилизация через классы встроенного в wysiwyg редактор text-area, а именно проброс своего кастомного компонента text-area
Maxim
Гайз, какой date-picker посоветуете?
MVD
перечитать мой пост и подумать
можешь объяснить? я так понимаю он включает css прямо в страницу?
Frontend Priest
можешь объяснить? я так понимаю он включает css прямо в страницу?
1) по дефолту вебпак оперирует ЖС модулями, не чисто файлами 2) лоадер работает в пределах вебпака, довольно трудно вытащить что-то из него
Andrey
А как style-loader включает css в мой html? Откуда у него доступ
webpack знает все о твоем коде следовательно лоадеры тоже знают все
Frontend Priest
А как style-loader включает css в мой html? Откуда у него доступ
он жрёт результат прошлого лоадера и лениво выпускает цсс код на страницу
Frontend Priest
лениво в т ч значит, что там далеко не самый простой скрипт
MVD
webpack знает все о твоем коде следовательно лоадеры тоже знают все
Я использую вебпак-дев-мидлваре и мне в експрессе нужно получить доступ к css, чтобы самому его раздавать, както можно сдлеать?
Kirill
Ребята, какой можно слайдер хороший юзать ?
Anonymous
Всем привет, что с этим можно сделать? 😱
В жопу момент, спасибо всем)
🐏 Alexander
Всем привет, что с этим можно сделать? 😱
забыть момент как страшный сон и больше не использовать его никогда
Anonymous
если таймзона не понадобится ;D
Konstantin
Ребят всем привет, как вы относитесь к библиотеке reduxsauce, стоит ли ее использовать в проектах? https://github.com/infinitered/reduxsauce
Victor
Ребят всем привет, как вы относитесь к библиотеке reduxsauce, стоит ли ее использовать в проектах? https://github.com/infinitered/reduxsauce
не вижу в ней смысла, какой-то левый сахар, который, если хочется, можно и самому написать