6 ВЕЩЕЙ КОТОРЫМ Я НАУЧИЛСЯ РАБОТАЯ С REACT

  Рет қаралды 7,236

Ayub Begimkulov

Ayub Begimkulov

Күн бұрын

В данном видео мы поговорим про React. Разберем 6 вещей, которым я научился у него плотно работая с ним более чем 3 года.
Telegram канал:
telegram.me/ayub_begimkulov_c...
Таймкоды:
00:00-00:16 - Интро
00:16-03:32 - Поддержка и стабильность важнее новых фич и перформанса
03:32-06:12 - Простота АПИ vs Простота имплементации
06:12-08:05 - Не надо боятся длинных переменных
08:05-11:49 - Видение проекта очень важно для его развития
11:49-12:06 - Реклама telegram
12:06-14:31 - Гибкость открывает возможность для интересных решений
14:31-17:09 - Люди не хотят новое решение, они хотят старое, но лучше
17:09-17:37 - Заключение

Пікірлер: 75
@user-rr2ck4hr8c
@user-rr2ck4hr8c Жыл бұрын
Все круто!) Очень хотелось бы роликов с практикой написания реальных приложений (не обязательно крупных), но на продвинутом уровне, с использованием качественных подходов к разработке фронта, покрытие тестами, оптимизация и т.д. Подобного русскоязычного контента очень мало. Думаю что большинство твоих зрителей меня поддержат!)
@mercury_2379
@mercury_2379 Жыл бұрын
комментарий в поддержку канала
@ayub_begimkulov
@ayub_begimkulov Жыл бұрын
Спасибо!
@UghurAliyev
@UghurAliyev Жыл бұрын
Формат довольно таки отличный , прям душевно все )
@ayub_begimkulov
@ayub_begimkulov Жыл бұрын
Спасибо!
@jurafree426
@jurafree426 10 ай бұрын
Хорошая подача, продолжай.
@pollstetchem
@pollstetchem Жыл бұрын
Хотелось бы увидеть контент как готовиться к собесам, как решать алгоритмические задачи и в целом глубже погружаться в нативный js. Спасибо за твой труд
@nafanya3733
@nafanya3733 Жыл бұрын
приятное видео, спасибо)
@ayub_begimkulov
@ayub_begimkulov Жыл бұрын
не за что!
@WebDev_51
@WebDev_51 Жыл бұрын
Спасибо за труд
@ayub_begimkulov
@ayub_begimkulov Жыл бұрын
не за что!
@adaltezze
@adaltezze Жыл бұрын
Большое спасибо за полезный контент 👍
@ayub_begimkulov
@ayub_begimkulov Жыл бұрын
не за что!
@vlasovdanildev
@vlasovdanildev Жыл бұрын
Сразу лайк
@ayub_begimkulov
@ayub_begimkulov Жыл бұрын
Спасибо!
@sour5786
@sour5786 Жыл бұрын
очень крутой канал, желаю тебе дальнейшего развития канала
@ayub_begimkulov
@ayub_begimkulov Жыл бұрын
Спасибо!
@devpoint5648
@devpoint5648 Жыл бұрын
Хороший формат
@ayub_begimkulov
@ayub_begimkulov Жыл бұрын
тогда будем продолжать.
@Dmitrijserg
@Dmitrijserg Жыл бұрын
ОТличное видео, подписался, спасибо.
@ayub_begimkulov
@ayub_begimkulov Жыл бұрын
Добро пожаловать в наше комьюнити!
@BlexJS
@BlexJS Жыл бұрын
несколько раз видел использование преакта в гемблинг индустрии, в первую очередь из-за скорости загрузки приложений
@ayub_begimkulov
@ayub_begimkulov Жыл бұрын
Хахахах, интересное применение.
@adaltezze
@adaltezze Жыл бұрын
Разговорные видео - топ!
@ayub_begimkulov
@ayub_begimkulov Жыл бұрын
Спасибо за фидбэк!
@snatvb
@snatvb Жыл бұрын
серверные компоненты нужны для того, чтобы ты мог уменьшить поставку бандла на клиент, делать кеширование на сервере и логику - ты получаешь полноценное изоморфное приложение например если мне нужно заюзать библиотеку которая весит много - я могу это сделать на сервере и не поставлять огромный бандл на клиент если у меня регулярно делается запрос комментариев - я могу сделать кеширование на сервере и не делать постоянную бомбежку API при том у меня не будет проблем синхронизации кешей у разных клиентов, ибо эта логика лежит только на сервере nextjs многое не мог делать как раз таки потому что внутри react не было понятия сервер/клиент - не просто так nextjs мигрирует на app folder :)
@iuan4392
@iuan4392 Жыл бұрын
Коммент в поддержку брата
@ayub_begimkulov
@ayub_begimkulov Жыл бұрын
Спасибо!
@user-vq8zi4ne7s
@user-vq8zi4ne7s Жыл бұрын
Топчик!
@ayub_begimkulov
@ayub_begimkulov Жыл бұрын
Спасибо!
@ulugbekatakhanov1431
@ulugbekatakhanov1431 Жыл бұрын
informativno 👍
@ayub_begimkulov
@ayub_begimkulov Жыл бұрын
Спасибо!
@dfkadyr
@dfkadyr Жыл бұрын
спасибо, формат зашел, интересно
@ayub_begimkulov
@ayub_begimkulov Жыл бұрын
принял, буду еще снимать.
@dmitry1742
@dmitry1742 Жыл бұрын
Отличное видео, хотелось бы видео по полной настройке нового проекта на react
@ccc4386
@ccc4386 Жыл бұрын
Видео огонь! Спасибо за интересную информацию. Звук, к слову, стал идеальный, прослушал с удовольствием. Подскажи, какую литературу или ресурсы можешь порекомендовать, чтобы строить правильную архитектуру реакт приложения? (имею ввиду, чтобы правильно использовать редакс, сагу, где бизнес логика должна находится и подобное). И вообще, стоит ли разбирать сам редакс, а не ртк? И подскажи, когда стримы у тебя проводятся? По графику или по возможности
@y0na24
@y0na24 Жыл бұрын
Молодчик!
@ayub_begimkulov
@ayub_begimkulov Жыл бұрын
Спасибо!
@2difficult2do
@2difficult2do Жыл бұрын
Формат скорее для подкастов, чем для видео. Коммент, лайк и так :-)
@ayub_begimkulov
@ayub_begimkulov Жыл бұрын
А что под подкастом понимаешь? Длинное разговорное видео?
@user-kj6go4ft4j
@user-kj6go4ft4j Жыл бұрын
🎉🎉🎉
@jamjam3337
@jamjam3337 Жыл бұрын
👏👍
@ummyusuf8206
@ummyusuf8206 11 ай бұрын
🎉🎉🎉🎉🎉
@Nikitosss91
@Nikitosss91 Жыл бұрын
Вот мои 6 вещей, которым я научился с реактом: 1. useState 2. useEffect 3. PropsDrilling 4. Рисовать лоадер или контент тернарным оператором в JSX 5. Использовать функцию высшего порядка map для отрисовки множественных элементов внутри JSX. 6. Навешивать обработчик события клика на элемент. На мидла офер даёшь?
@ayub_begimkulov
@ayub_begimkulov Жыл бұрын
Хахаха, пока позиций нету открытых.
@user-sl7dp3lz1p
@user-sl7dp3lz1p Жыл бұрын
А что такое функция высшего порядка? Типо HOF? :D Впервые слышу чтобы метод массива так называли
@jurafree426
@jurafree426 10 ай бұрын
@@user-sl7dp3lz1pэто как раз HOF редко услышишь, а "функция высшего порядка" - это общепринятый термин.
@jgkdmdevienjjgg8866
@jgkdmdevienjjgg8866 Жыл бұрын
3ий пункт про переменные - в целом согласен, но все же тут 2 грани. Лучше баланс по подробности и краткости переменных - выносить самое важное в название и учитывать частоту использования и контекст в котором будет использоваться. Я обычно пишу черезчур подробные названия у переменных только для временных локальных переменных, и то не всегда (тут минимальное переиспользование). Импортируя classes и css модули я называю их cn и cl намеренно, чтобы занимало как можно меньше места, т.к. использоваться они будут очень активно, внутри jsx. Общее правило для меня такое что следует выносить максимально возможное количество ВАЖНЫХ деталей в название, до тех пор пока это не становится проблемой читабельности в тех местах где это название будет использоваться, в этом случае сокращаем детали, убирая менее важные детали или перефразируя.
@ayub_begimkulov
@ayub_begimkulov Жыл бұрын
Тут нету единого правила, но согласен, что бывают и обратные случаи, когда пишут слишком длинные названия. А так согласен, главное, чтобы детали важные не упускались.
@sour5786
@sour5786 Жыл бұрын
подскажите пожалуйста какой нибудь материал для продвинутого изучения реакта и редакса
@promoabys
@promoabys Жыл бұрын
Аюб, согласен с тобой по всем моментам. Имею аналогичные взгляды на озвученные тобой пункты. Формат норм, иногда нужно или полезно просто мысли в слух или какие то новости можно обсудить. Раз в неделю например или две, или месяц)))
@ayub_begimkulov
@ayub_begimkulov Жыл бұрын
Спасибо за фидбэк! Буду делать.
@un_defined
@un_defined 6 ай бұрын
моя мечта это типа функциональный ангулар, когда все функциональное, но при этом нет смешения логики стиля и разметки, и поменьше сахара, чтоб прям вместо взял поставил либу просто взял кусок кода/функции из либы и просто вставил в свой код. то есть некая смесь чистого js html css строго стандартизированная и с мин сахара чтобы не было магии а было ясное понимание как и что работает. хотя магию можно и оставить опционально
@Abilovv599
@Abilovv599 Жыл бұрын
Jotai или Recoil могут заменить Redux?
@ayub_begimkulov
@ayub_begimkulov Жыл бұрын
Да, вполне могут.
@mr.zxzxzxz3816
@mr.zxzxzxz3816 Жыл бұрын
ассаламуалейкум
@ayub_begimkulov
@ayub_begimkulov Жыл бұрын
валейкум ассалям.
@rustamakhmetyanov4404
@rustamakhmetyanov4404 Жыл бұрын
Frontend React
@ayub_begimkulov
@ayub_begimkulov Жыл бұрын
JS TS
@lord8360
@lord8360 Жыл бұрын
Vue тоже хорош
@ayub_begimkulov
@ayub_begimkulov Жыл бұрын
Главное чтобы задачи решало, а там уже все субъективщина.
@masserrackheim5358
@masserrackheim5358 Жыл бұрын
чем эта шляпа хорош то?)))
@albertkarimov9768
@albertkarimov9768 Жыл бұрын
​@@masserrackheim5358по каким критериям ты понял что это шляпа, кроме того, что ты на нём не писал?
@InSimpleWords_WebDev
@InSimpleWords_WebDev Жыл бұрын
За что уважаю реакт - так это за то,то там сначала думают, потом делают. Обкатывают идеи сначала у себя, потом уже мягко выпускают их в мир. Правда, обьяснять идеи - не их конек. В общем, повторяю уже за автором видео. Интересно, а если бы вы разбирали любого другого фреймворка, вы бы к тем же выводам пришли, или нет? Считаете ли вы эти концепции применимыми в других языках или даже областях программирования? Ну и вопрос, который вы озвучили по поводу серверных компонентов. Меня он сильно мучает. Да, пока это кажется мутной водой. Мы верим, что с течением времени все утрясется, и реакт снова будет на коне за счет крупной инновации. А вдруг нет? Вдруг их идеи дадут сбой? Ведь есть же знаменитая формула, что 20 процентов усилий дадут 80% результата. Пришли фреймворки - да, это те 80%. Ввели асинхронный рендеринг реконсилиации - еще +10 процентов. Хуки - плюс 5 процентов. А сейчас может уже идет борьба за 2%. Стоит ли овчинка выделки? А если они ошибутся, то обидно будет потратить свои усилия на изучение этого. Спасибо за видео. Озвучены мысли, которые крутятся в голове многих их нас. Однако мало об этом кто вслух говорит.
@serious_psychologist
@serious_psychologist Жыл бұрын
раньше использовал RiotJS, они сошли с ума, с каждой новой версией все хуже и хуже, потом попробовал Vue но размер бандла решает :( в итоге оставил его только в профиле, который не индексируется поисковиками, на всех страницах сайта где нужна была динамика использую сейчас Preact или Petite-Vue.
@ayub_begimkulov
@ayub_begimkulov Жыл бұрын
И как опыт работы с preact, заметил какие-то проблемы?
@serious_psychologist
@serious_psychologist Жыл бұрын
@@ayub_begimkulov нет, все понравилось, проблем не было, в качестве стора использовал valtio
@user-bg3hu1oz4y
@user-bg3hu1oz4y Жыл бұрын
Коллеги-ангулярщики не понимают почему реакт пошел по пути функционального программирования...
@ayub_begimkulov
@ayub_begimkulov Жыл бұрын
Хахаха, ну в ангуляр кажется совсем другой мир. На самом деле тут плюсы и минусы есть свои.
@samolevich
@samolevich Жыл бұрын
Я бы хотел бы больше картинок и иллюстраций. На лицо мне смотреть скучно
@ayub_begimkulov
@ayub_begimkulov Жыл бұрын
Спасибо за фидбэк! Это пока начало - будем улучшать.
@samolevich
@samolevich Жыл бұрын
@@ayub_begimkulov контент хороший. Спасибо
@proletarian
@proletarian Жыл бұрын
Ты на вью не наговаривай, я тебя по ip найду
@ayub_begimkulov
@ayub_begimkulov Жыл бұрын
хахах, ок)
@tnsaturday
@tnsaturday Жыл бұрын
0:44 "Svelte чем-то лучше, чем React". Svelte всем лучше, чем React, кроме вакансий на него.
Mama vs Son vs Daddy 😭🤣
00:13
DADDYSON SHOW
Рет қаралды 23 МЛН
A clash of kindness and indifference #shorts
00:17
Fabiosa Best Lifehacks
Рет қаралды 118 МЛН
What it feels like cleaning up after a toddler.
00:40
Daniel LaBelle
Рет қаралды 76 МЛН
Пишем кастомное ESLint правило для TypeScript
28:08
Кто такой системный аналитик и как им стать?
22:51
(Не)Системная аналитика by Андрей Царев
Рет қаралды 1,1 М.
Разбираемся в React JSX
13:49
Ayub Begimkulov
Рет қаралды 8 М.
Mama vs Son vs Daddy 😭🤣
00:13
DADDYSON SHOW
Рет қаралды 23 МЛН