Oleg
я тебе рекоменду начать с малого
Oleg
напиши чо нить простое реакт+тс
Oleg
прост щас ты сума сойдеш один hoc переписывать под тс
Oleg
или те же санки
Oleg
вот полезная статься по экшинам под тс
Oleg
https://habr.com/ru/post/431452/
southyyy
Но вообще в будущем это маст хев, да?
southyyy
Спасибо за статью, сейчас посмотрю
Oleg
https://www.youtube.com/watch?v=_-tSzfGkrew&feature=youtu.be
Oleg
вот хороший ролик , но тут немного иной подход к экшинам
Oleg
могу еще книгу реакт+тайпскрипт на англиском скинуть
Oleg
скидывал два раза сюда уже
southyyy
да, перешли если не тяжело
Oleg
еще по экшинам https://habr.com/ru/company/alfa/blog/452620/
Oleg
тс на руском доки http://typescript-lang.ru/docs/Generics.html
Oleg
ну и для всех полезно будет англ ресурс с офигеными статьями https://dev.to/t/react
Oleg
Oleg
книга по реакт плюс тс☝️
Oleg
тоби кабзда кароч
Dmitry
кабзда)
Oleg
да, спс)
Dmitry
начали забывать с чего всё начиналось)
Yurchik
тоби кабзда кароч
На англ или рус?
Yurchik
Книга
Oleg
англ
Oleg
но там простой англ
Oleg
в переводе ее вродеб не существует в природе
Yurchik
Спасибо
Oleg
пж
Oleg
ну еще совет, рекомендую писать на hooks что бы обойтис без HoC, так как с типизацие HoC тяжковато
Oleg
ах да, на данный момент тайпскрипт ограничено поддерживает типизацию HoC
Oleg
тока через костыл
{ NeFFeX }
получаю такую ошибку
{ NeFFeX }
запускаю проект при npm start
A͟͟͟͞͞͞n͟͟͟͞͞͞t͟͟͟͞͞͞
зачем это здесь ?
Sasha
Сори,не туда
Oleg
запускаю проект при npm start
проект через cra создан?
{ NeFFeX }
да
Oleg
тогда рекомендуюб переустановить его
Oleg
не может найти модуль сервера
{ NeFFeX }
такая ошибка
{ NeFFeX }
блен
southyyy
Oleg еще вопросик, получается ты проект при каждом переименовании файла с js на ts должен завово весь проект запускать?
Oleg
да
Oleg
для верности
southyyy
а как безопасно прокт приостоновить, потому что я просто VSCode вырубаю, захожу и npm start пишу
Oleg
бля
Oleg
кароч открываеш консоль и жмеш ctrl+c
Oleg
я для запуска здесь жму))))
Oleg
Oleg
но это на вкус)
southyyy
спасибо
Сергей
Ку...есть у кого то норм документация или уроки по styled-components ?? только не на буржуйском...я читаю на нем очень медленно..((
Arthur
Проще взять пример компоненты со стилями и смотреть как она работает, там по сути css переносят в js(jsx) файл и на этом гайд заканчивается
Oleg
это што?
Oleg
styled-components
Arthur
Ну я же написал, стили с css-файла переносятся в jsx для лучшей читабельности, добавляется пару базовых функций, чтобы разграничить jsx и css. Вбей в Гугле, зачем спрашивать?)
Oleg
вобще, было бы неплохо вынести все стили в отдельный файл theme, в jss
Oleg
и от туда прокидывать класс в компоненты
Никита Головчак
С кодом элемента балуешься?)
Oleksandr
Oleksandr
Oleksandr
Добрый день, подскажите почему json не подключается ?
Oleg
ево надо рядом с index.html
Oleg
и дергать через апи
Oleksandr
В network 404 просто, json файл находится на одном уровне с APP
Oleksandr
и дергать через апи
Спасибо! Сейчас попробую
Oleg
через феч
Oleg
давай
Сергей
Проще взять пример компоненты со стилями и смотреть как она работает, там по сути css переносят в js(jsx) файл и на этом гайд заканчивается
https://www.styled-components.com/docs. Все не так то и просто..особенно с бейблом и прочими библиотеками..и библиотека только набирает обороты..
Arthur
import styled from 'styled-components/macro' да, эта строчка намного усложняет разработку(с бабелем)
Arthur
https://appdividend.com/2018/04/19/react-styled-components-example-tutorial/ вот вроде короткий пример и по сути лично мне после vue, эта штука не нравится, слишком много кода нужно переписать чтобы изменить компоненту на стилевую. И так сходу не понятно как применить несколько селекторов.
Сергей
Там много непонятного...и модули конечно намного ближе и проще. Но эта хрень активно набирает обороты и хотелось бы её более менее понять до того как везде начнут ее внедрять.
Arthur
начни с малого, примени в одной компоненте, посмотри в чём отличия между текущей твоей реализацией в проекте и styled-component. Определи какие у твоего способа плюсы, а какие у стилевых компонент.
Arthur
https://medium.com/@stasonmars/%D1%80%D1%83%D0%BA%D0%BE%D0%B2%D0%BE%D0%B4%D1%81%D1%82%D0%B2%D0%BE-%D0%BF%D0%BE-%D1%82%D1%80%D1%91%D0%BC-%D1%81%D0%BF%D0%BE%D1%81%D0%BE%D0%B1%D0%B0%D0%BC-%D1%81%D1%82%D0%B8%D0%BB%D0%B8%D0%B7%D0%B0%D1%86%D0%B8%D0%B8-%D0%B2-react-2ca5c0c7464b вот все три способа применения стилей в React. В принципе любой инструментарий(будь-то фреймворк или язык для бэка или как в данном случае способ применения стилей в компонентах) нужно выбирать только по его уместности и предпочтительности для данного конкретного проекта, а не исходя из того, что "я это знаю и люблю потому буду использовать здесь и сейчас". Потому нужно интересоваться всеми направлениями и способами реализаций, настолько чтобы знать их различия и понимать какой инструмент в конкретном случае лучше выбрать, ибо когда придётся(а придётся) объяснять почему ты выбрал данный конкретный способ, а не вот тот, который, вроде-бы, более уместный - ты смог дать вразумительный ответ понимая о чём говоришь.
Arthur
Там много непонятного...и модули конечно намного ближе и проще. Но эта хрень активно набирает обороты и хотелось бы её более менее понять до того как везде начнут ее внедрять.
вообще я после vue смотрю на styled-component реакта(на vue эта штука реализовывается в два клика, просто переносом стилей с css файла в .vue) и меня начинает подворачивать ибо между инструментами бывает нужно переключаться, обновлять код и хотелось бы делать это более безболезненно, а тут, чтобы, допустим, с модулей перейти на styled-component нужно прямо компоненты переписывать и кучу кода придётся, так как стили в ходе работы приложения должны меняться динамически, короче страшный бред на самом деле
Kalebra
С кодом элемента балуешься?)
вообщето это оригинал. зайди на ютуб в плейлисте у Димыча глянь
Arthur
моё мнение - они не приживутся, разве что эта либа разрастётся до таких масштабов, что вытеснит остальные способы, но слишком уж большое различие с нативкой - вряд ли