Всем привет! Ребят, подскажите пожалуйста. Как сделать код более менее красивым. https://pastebin.com/nzEuWxHp Суть этого кода. Я через апи получаю расписание. Проверяю на проверку неделю и день. И если оин не совпадают, то вывожу. Заранее благодарен.
использовать prettier
Sergey
Sergey
Всем привет! Ребят, подскажите пожалуйста. Как сделать код более менее красивым. https://pastebin.com/nzEuWxHp Суть этого кода. Я через апи получаю расписание. Проверяю на проверку неделю и день. И если оин не совпадают, то вывожу. Заранее благодарен.
изучить что такое .map(), .filter()
разбивать на компоненты по зонам ответственности
готовить данные заранее, а не в рендере
Evgeniy
🦜
Что нет?
Nick
Всем привет! Ребят, подскажите пожалуйста. Как сделать код более менее красивым. https://pastebin.com/nzEuWxHp Суть этого кода. Я через апи получаю расписание. Проверяю на проверку неделю и день. И если оин не совпадают, то вывожу. Заранее благодарен.
для начала изучи типизацию, напиши interfaces если это у тебя классовый компонент. Разбей по функциям по логике.
Sergey
для начала изучи типизацию, напиши interfaces если это у тебя классовый компонент. Разбей по функциям по логике.
не надо делать методы в классе, которые рендерят
Evgeniy
Sergey
почему?
потому что это явный кандидат на отдельный компонент
если оставить метод это дико усложнит понимание
ибо метод не отображается в девтулзах, компонент не становится проще, а только выглядит проще
Oleg
Sergey
какой-то файл найти не может
Yury
сегодня уже в чате скидывали
Vadim
то есть, мне нужно установить react-scripts? просто я делал npm eject.
значит react-scripts тебе не поможет. Теперь только ручками
Anonymous
то есть, мне нужно установить react-scripts? просто я делал npm eject.
нужно в json поменять на 2.1.8 и сделать npm install
Anonymous
я пробовал все третьи версии, они выдают ошибку
Evgeniy
для начала изучи типизацию, напиши interfaces если это у тебя классовый компонент. Разбей по функциям по логике.
а не могли бы более подробно рассказать? создать метод вывода недель, метод вывода дней, вывод метода расписания?
Sergey
а не могли бы более подробно рассказать? создать метод вывода недель, метод вывода дней, вывод метода расписания?
Лучше сделать компоненты для этого
Evgeniy
так же в цикле, проверять, если не совпадают, например, недели, то вызываем компонент?
Sergey
Sergey
Сначала готовим данные
Nurdan
Bill
Господа, прошу Вашей помощи в пояснении практического использоваиня Redux-Thunk и Redux-Saga. Когда что лучше использовать? Чаво каво. Гугл однозначного ответа не дает.
Oleg
Тимофей 🛴
Господа, прошу Вашей помощи в пояснении практического использоваиня Redux-Thunk и Redux-Saga. Когда что лучше использовать? Чаво каво. Гугл однозначного ответа не дает.
thunk, если вдруг тебе нужны саги бери другой stm
Oleg
как понять разницу между запуском проекта в дев режиме (npm start) и тем запуском, которым пользуется jest при команде jest?
проблема в том, что jest не видит импортов файлов.
Тимофей 🛴
как понять разницу между запуском проекта в дев режиме (npm start) и тем запуском, которым пользуется jest при команде jest?
проблема в том, что jest не видит импортов файлов.
Jest это нода, скорее всего забыл трансформ импортов
Anonymous
Может есть у кого какие размышления?
Если у вас асинхронные операции уровня «пойти туда, взять там, отдать сюда» - санки, если логика посложнее - саги
Сергей
Господа, прошу Вашей помощи в пояснении практического использоваиня Redux-Thunk и Redux-Saga. Когда что лучше использовать? Чаво каво. Гугл однозначного ответа не дает.
Да по большей части это тупо выбор it контор...и при смене работы можешь поменять одно на другое и обратно... особо не принципиально а холивар развозят разработчики саг и санок.
Dmitry
Oleg
Jest это нода, скорее всего забыл трансформ импортов
а можно немного конкретнее? я написал что-то вроде этого:
"jest": {
"moduleNameMapper": {
"\\.(jpg|jpeg|png|gif|eot|otf|webp|svg|ttf|woff|woff2|mp4|webm|wav|mp3|m4a|aac|oga)$": "<rootDir>/__mocks__/fileMock.js"
},
"testMatch": [
"<rootDir>/src//__tests__//*.{js,jsx,ts,tsx}",
"<rootDir>/src/**/*.{spec,test}.{js,jsx,ts,tsx}"
],
"testEnvironment": "jsdom",
"testURL": "http://localhost",
"transform": {
"^.+\\.(js|jsx|ts|tsx)$": "<rootDir>/node_modules/babel-jest",
"^.+\\.css$": "<rootDir>/config/jest/cssTransform.js",
"^(?!.*\\.(js|jsx|ts|tsx|css|json)$)": "<rootDir>/config/jest/fileTransform.js"
},
"transformIgnorePatterns": [
"[/\\\\]node_modules[/\\\\].+\\.(js|jsx|ts|tsx)$",
"^.+\\.module\\.(css|sass|scss)$"
],
"collectCoverageFrom": [
"src/**/*.{js,jsx,ts,tsx}",
"!src/**/*.d.ts"
],
"resolver": "jest-pnp-resolver",
"setupFiles": [
"react-app-polyfill/jsdom"
],
"moduleFileExtensions": [
"web.js", "js", "web.ts", "ts", "web.tsx", "tsx", "json", "web.jsx", "jsx", "node"
],
"watchPlugins": [
"/home/user/work/projects/front/node_modules/jest-watch-typeahead/filename.js",
"/home/user/work/projects/front/node_modules/jest-watch-typeahead/testname.js"
]
},
/__mocks__/fileMock.js
module.exports = 'test-file-stub';
/config/jest/fileTransform.js
'use strict';
const path = require('path');
module.exports = {
process(src, filename) {
return module.exports = `${JSON.stringify(path.basename(filename))};`;
},
};
Dmitry
Да слышал что redux observable хорошо но пока что не использовал.
саги похоже на него
но с ним проще и понятнее
Anonymous
Как минимум rx нужно знать
Oleg
Jest это нода, скорее всего забыл трансформ импортов
jest нужно запускать через jest --env=jsdom? нужен ли env file какой?
Anonymous
Но если выбирать из redux-saga/redux-observable - я бы тоже сейчас выбрал redux-observable, потому что помимо самих эпиков в нём ещё по ходу дела придется изучить концепции реактивного программирования и это здорово)
Danila
так это ты из тех, кто с ним в бане начинают о JS тереть? )
Вопрос - должен ли я называть async-функции/функции, возвращающие промисы в декларативном ключе? То - есть getUserAnswers или pollResult? При юзании через await вроде как симпатичнее выглядит await pollResult
Oleg
а файл babelrc как-то должен учавствовать в jest?
Тимофей 🛴
а файл babelrc как-то должен учавствовать в jest?
Да, там будут разные плагины под каждый env (test dev prod)
Bogdan
кто то переезжал на аполо хуки? как это сделать без боли?
Anonymous
let links = [
"Link1",
"Link 2"
]
for (let link of links) {
document.querySelector("#link").innerHTML = link
}
Тимофей 🛴
кто то переезжал на аполо хуки? как это сделать без боли?
Мне кажется они говно, юзай просто клиент
Anonymous
Выводит только последнее значение, а не весь массив
Dmitry
как минимум генераторы и так же саги нужно знать
загугли тот же cancelation
и посмотри там и там
Anonymous
Помогите вайтишнику)
Daniil
Bogdan
Мне кажется они говно, юзай просто клиент
они не норм, но при переезде отвалилось даже то, что не может отвалится, я хз
Anonymous
как минимум генераторы и так же саги нужно знать
Определения саг даётся в самом начале, генераторы — часть синтаксиса ES6 и в данный момент их стоит знать каждому
Роман
Подскажите пожалуйста, использование moment.js в initialState редюсера - это нормальная практика, или так делать не стоит?
Oleg
как должен выглядить файл .babelrc для jest?
Vjačeslavs
Андрей
Nurdan
Тимофей 🛴
Oleg
у меня проблемы с импортами. нигде, ни в доке, ни в гугле я ответа не нахожу.
Vjačeslavs
у тебя и так работает
