Sheldhur
ну ты чё, я графитчиком хотел устроиться
Sheldhur
есть свг спиннера, во время ререндера анимация начинается с начала. Есть варианты как это попбороть?
Sheldhur
это как
Nikolai
это как
Из родителя управлять анимацией, пропс покинуть какой нибудь. От кейса зависит же
Sheldhur
и чем мне поможет прокинутый пропс?
Nikolai
и чем мне поможет прокинутый пропс?
Состояние анимации передать
Sheldhur
какое блэд?
Sheldhur
это спиннер. Он крутится постоянно
Nikolai
какое блэд?
Ты сам перечитай тогда что ты спросил и переформулируй
Chin
ну ты чё, я графитчиком хотел устроиться
Можешь попробовать порыться в тега свг,там должны быть инструменты управления. На Хабре статья была, анимация в свг кажется
Sheldhur
анимация css 🤦‍♂️
Anonymous
var express = require('express'); var app = express(); app.get('/', function (req, res) { res.send('Hello World!'); }); app.listen(3000);
Anonymous
Взять в пример req, res и т.д, за общую вобще идею взаимо связи ssr Клинта и сервера используется Ajax, или какой то другой подход?
🦜
dayjs 2Kb
В опен сурс выложишь?
Олег
Ребзя, меня посадили в одиночку делать средний проект с нуля (react-redux), старшего разраба нет, чувствую что где-то недотягиваю и пишу говнокод, ищу опенсорс проект в котором смогу разобраться, подглядеть best practices/архитектуру. Один из вариантов - https://github.com/withspectrum. И если не опенсорс, то как посоветуете развиваться в такой ситуации?
Sergey
t.me/this_week_in_react
mcombat
// original.js import Component from './Component' import styled, { css } from 'styled-components' const original = css` h1 { font-size: 40px; font-weight: 600; } ` const withCustomStyles = styles => styled(Component)` ${css} ` export default withCustomStyles // new.js import { css } from 'styled-components' import withCustomStyles from './original' const overrideAndSomeNewStyles = css` h1 { color: red; } p { font-size: 24px; } ` export default withCustomStyles(overrideAndSomeNewStyles)
mcombat
как сделать так чтобы new.js перезаписал h1 стили из original.js ?
mcombat
сейчас они просто добавляются к существующим
Andrii Alieksieiev
Konstantin
Посоветуете какой-нить хороший сервис для управления строками локализации? Что-то вроде Translate Facebook App
Maxim
В опен сурс выложишь?
Да ну, зачем плодить говнокод, в нпм его и так навалом 😂
Maxim
только нормальных пикеров даты нет)
Я могу тебе скинуть гист, там все суперпросто.
Иван
Ребят, подскажите пж как правильно выстроить роуты, что б компонент <Static /> отображался для всех роутов, кроме <Route path="/operator" > <h1>Operator detail</h1> </Route>или только руками внутри каждого роута кроме кроме ненужного прописать ?
Иван
Anton
Условие && статик
Иван
а как path для условия достать, подскажи пж
🦜
{match.url === '/operator' && <Static />} Либо внутри Static чекаешь урл и если совпадает с operator возвращаешь null
Иван
ядок, спасибо 👍
🦜
Я тебе в другом чате или даже здесь уже писал про это)
Sergey
Оверхед с шаблонами
размазывать логику по всему приложению максимально неявно, конечно лучше
Sergey
потом открываешь код и видишь тысячу условий в каждом компоненте в зависимости от роута, квери или манны небесной
Oleg
как лучше писать - axios.post(....) или axios({ method: 'post', ... })?
Anonymous
размазывать логику по всему приложению максимально неявно, конечно лучше
кстати не очень понимаю, почему разбивать логику по компонентам - плохо. разве это не суть компонентного подхода?
$$$$$$$
вообщем в этом массив инсерт делаю элемента ,стейт апдейт , компонент нет
$$$$$$$
если ссылаться на доку , то иммутабильность соблюдатеся
$$$$$$$
еще такой вариант впринципе
$$$$$$$
инсерт элемента
Sergey
кстати не очень понимаю, почему разбивать логику по компонентам - плохо. разве это не суть компонентного подхода?
Суть в том, чтобы каждый компонент делал что-то одно. А так, компонент не отображается, потому что это не надо другому компоненту в другом месте приложения. Притом связи никакой не отследить
Anonymous
звучит разумно, спасибо
Aleksei
а в чем разница?
одно делают применяя мозг, другое — нет
Roman
а в чем разница?
это фактически противоположные вещи когда ты разбиваешь логику на компоненты, у тебя каждый компонент инкапсулирует какую-то уникальную логику а когда у тебя в каждом компоненте куча логики, которая по сути принадлежит кому-то уровнем выше, - ты размазываешь логику по компонентам
Roman
ну это вроде логично
Roman
то, о чем писал выше сова - это по сути No-conditional pattern или If-less programming
Sergey
а в чем разница?
Читать книгу Чистый код
Sergey
Изучать SOLID. В частности SRP
Igor
Читать книгу Чистый код
Новичкам может быть трудно читать тамошние примеры.
Sergey
Новичкам может быть трудно читать тамошние примеры.
Понимаешь классы, значит разберёшься
Anonymous
Ilya
Изучать SOLID. В частности SRP
Для общего развития, особенно если ты full-stack ну или так или иначе надо читать хотя-бы бэк - имеет смысл, во фронтовой экосистеме это балласт и засорение головы начинающего - ничего из этого не применимо as is, без оговорок, примесей ФП и т.д. Ни во целом в JS, а уж в реакте и подавно
Sergey
SRP это основной принцип в реакте
Panda
Ребят, всем привет. Кто-то юзает реакт с тсом? Возникает такая ошибка:
Alexey
Srp единственной ответственности?
Panda
Вот такая. Видимо что-то забыл добавить. Внедряю тс в существующий проект
Sergey
Ребят, всем привет. Кто-то юзает реакт с тсом? Возникает такая ошибка:
t.me/ts_ru и учимся писать в одном сообщении один вопрос
Panda
фуллстакер часто не любит фронт, а потом получается говнопроект зачем тогда ему деньги платить, чтобы он рожал нормальный бекенд (относительно) и делал UI для умолишенных?
вы путаете. Юай по хорошему должен вам юай дизайнер делать. Что говорить о коде, то да, часто у фулстека, особенно начинающего или без опыта, скажем фронта, ужасный код выходит. Т.к. нету опыта и практик фронтенд команд.
Sergey
Не может фуллстакер знать одинаково хорошо и бекенд и фронт
Sergey
Поэтому в одной из областей всегда будет говно
Ilya
SRP это основной принцип в реакте
Да что вы говорите :) давайте не будем голословно выкидывать такие утверждения, мы конкретно с Вами уже как-то "зацеплялись" на хуках, я думал что "урок усвоен"
Vladislav
в современном мире еще фуллстаку надо знать и devops. И чем дальше тем больше)